CSS3 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
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
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
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
Comentarios recientes
- Adriana: Por qué si se puede usar vinagre? Según yo es ácido (débil pero áci...
- allison: me saco de apuros gracias ;)...
- Roden Miranda: Oye una pregunta, por que los periódicos y las revistas cambiaron a los...
- dennis: super cool jajaja...
- Ramón: Normalmente, cuando alguien compra un CD ó DVD, se convierte en dueño ...
- Jorge Morales: Hola amigo, yo tengo un tiempo en esto pero todo lo que he aprendido a s...
Feed de los comentarios