101 CSS Resources, recopilacion de recursos para CSS

19, septiembre, 2007

En el blog de Jason Bartholme’s encuentro el artículo 101 CSS Resources to Add to Your Toolbelt of Awesomeness, una recopilacion de recursos para CSS.Todos los diseños web están utilizando el CSS para separar el contenido y el aspecto en su sitio. Aquí están 101 recursos mediante el CSS, te enseñarán algunos trucos y técnicas, limpiar tu código, y probar el funcionamiento de las disposiciones pre-hechas. Están divididos en los siguientes apartados:

  • Plantillas y disposiciones del CSS.
  • Tips y técnicas del CSS.
  • Clases particulares del CSS.
  • Utilidades del CSS.

CSS-Tricks: recopilación de los mejores ejemplos CSS

19, septiembre, 2007

En el blog RUBEN DOMFER me encuentro con este recopilatorio de CSS-Tricks donde repasan los 10 mejores ejemplos de CSS descargable y “testeable”:


CSS para alinear las imágenes

11, septiembre, 2007

En WEB INTENTA encuentro un sencillo CSS para alinear las imágenes fácilmente:

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}


Gráficas de barras con CSS

9, septiembre, 2007

En Barras y gráficas bonitas 100% CSS encuentro una forma de mostrar gráficas de barras con CSS , la forma más limpia posible, es un recurso compatible con la gran mayoría de navegadores y 100% CSS. Se trata de CSS For Bar Graphs.

grafica de barras


Mapeando imágenes en estos tiempos

5, septiembre, 2007

En CSSLAB nos recuerdan los viejos tiempos esos de la etiqueta <map>. Aunque su uso es corriente en nuestros días, en sitios donde ponen un GIF y luego lo “mapean” creando links de navegación.

Con Flickr se le dió un nuevo uso al método de agregar zonas sensibles dentro de imágenes con información anexa, lo cual se vió con muy buenos ojos cuando se necesita mostrar detalles de ciertas zonas dentro de las imágenes.

Existen un par de técnicas pululando por la web que hacen este trabajo, pero encontré una que se necesita sólo CSS para realizarlo. Funciona perfecto en todos los navegadores inportantes.

Si estas interesado en el tama lo puedes leer en: ImageMap: mapeando imágenes en el siglo XX.

El resultado lo muestro graficamente en la siguente imagen:

mapeo


YAML, un framework XHTML/CSS

31, agosto, 2007

Mediante el enlace que nos suministra SENTIDOWEB descubro a YAML (Yet Another Multicolumn Layout), un framework XHTML/CSS que nos permite crear plantillas para diseños web con diferentes tipos de layouts. Está basado en estándares, es sencillo de usar y comprobado en sitios web profesionales.

También nos ofrece una herramienta online para crear nuestros propios diseños de forma rápida y sencilla. Tan solo deberemos indicar el tipo de diseño, los tamaños, podremos añadirle elementos HTML y por último recuperar el código fuente.


Spiffy Corner, generador de esquinas redondeadas mediante CSS

30, agosto, 2007

En BLOG AND WEB comentan que de la mano de los creadores de Spiffy Box sale Spiffy Corner, una herramienta en línea que ya comenté en el post Más bordes redondeados, pero no esta mal recordarlo. Es un generador de esquinas redondeadas que solo usa css para su funcionamiento, sin imágenes ni scripts. Su funcionamiento es muy sencillo solo hay que escoger un nombre para la clase css (opcional), el color de la sección con bordes redondeados, el color de fondo y el radio de curvatura. Una vez generado te brindará tanto el código css como el html para que puedas implementarlo en tu web.

muestra de la utilidad