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

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesión