Alejandra 16 de Septiembre de 2008 a las 16.32
   Imprimir artículo
elWebmaster.com

CSS3: tutoriales, herramientas y compatibilidad con browsers


CSS3CSS3 viene lento, pero pisa fuerte gracias a muchos de los adelantos que han presentado los principales navegadores últimamente. Dentro y fuera de los browsers han surgido varias herramientas que nos permiten generar, testear y editar CSS de manera avanzada.

Mucho se dice sobre CSS3, pero lo más importante es qué hay de nuevo, qué limitaciones tenemos y qué cosas se facilitan. ¿Usas CSS? Chequea este listado de herramientas, descargas y tips para llevar CSS a otro nivel.

Herramientas

Herramientas

Stylizer >>
Uno de los más interesantes y poderosos editores CSS a la fecha. Su última versión viene con una versión gratuita de 14 días de prueba.

YAML Builder >>
El framework HTML/CSS de Dirk Jesse para crear sitios con diagramaciones flexibles.

CSS Cacheer >>
Una mini-aplicación de Shaun Inman para descargar que acelera el cacheo en CSS.

Tips y tutoriales

Tutorial

Font Stacks >>
El blog Unit Interactive nos da varios ejemplos de situaciones en las que se deben ordenar las font stacks de CSS. También se puede descargar un PDF.

Flotando en la grilla >>
El señor CSSero Thord Daniel Hedengren nos recomienda algunas clases y técnicas de diagramación con CSS muy prácticas para elementos flotantes.

Pisicionamiento absoluto >>
Una técnica de posicionamiento para olvidarnos de los hackeos. También para profundizar sobre la diferencia entre float y position.

Especificaciones para que CSS no se rompa >>
DZone nos da un par de tips para que nuestro CSS no se rompa, con ejemplos, soluciones y algunas reglas básicas.

CSS3 en los navegadores

Navegadores

Si aún estás pensando qué onda con CSS3, te mostramos lo que está implementando cada browser para adaptarse al nuevo formato.

Testeando performance en buscadores >>
El sitio jpsykes deja en evidencia la forma en que cada nevagador usa los selectores y atributos CSS de manera diferente.

CSS 3 en Firefox 3>>
Las últimas actualizaciones del navegador incluyen kerning, font-size-adjust, inline-block/inline-table, ligatures y hasta text-shadow, que se verá recién en Firefox 3.1. The complete list is on Mozilla’s official page.

CSS3 en Opera 9.5 >>
¿Qué hay de nuevo viejo? Text-shadow, @media, opacity, HSL values, overflow-x/overflow-y, :firstof-type, :nthchild, -o-background-size. También elementos de HTML 5 y SVG.

CSS3 en Internet Explorer 8 >>
Una tabla completa de compatibilidades con el nuevo CSS.

Fuente: Wisdump


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Cristian dice:

    Hola.
    Les dejo un muy buen Video Tutorial de CSS3:
    http://expertoencss3.com

    Saludos!

Deja tu opinión