Lo cierto de los diseñadores y desarrolladores web, es que nunca paran de aprender cosas nuevas, el hecho de que compartamos nuestros conocimientos con otros hace esto aun mas interesante.

El CSS al fin y al cabo es un lenguaje de programación que te lo puedes aprender completo pero siempre salen nuevas técnicas los conocidos hacks, formas de optimización, etc… Por eso si quieres aprender y convertirte en un maestro CSS no puedes perderte los artículos, tips css y tutoriales css de los 20 sitios que listo Six Revision, estos son dos que considero los mas completos.

A List Apart CSS

CSS Tricks

Enlace: 20 Websites To Help You Learn and Master CSS

Excelente articulo de Smashing Apps donde nos retro alimentan sobre los mejores post sobre recursos a lo largo de este mes de agosto.

40+ Efectos de photoshop oscuros y futuristas

La Ilustración en el diseño web

Si quieren conocer mas recursos como por ejemplo:

• Javascript y Ajax
• XHTML y CSS
• Diseño Web: tutoriales y recursos
• Fuentes Gratis

Solo sigan el siguiente enlace.

Enlace: Discover The Best Of The Web In August 2008

Actualmente en el trabajo ha entrado una nueva desarrolladora pero que anda recien salida de la escuela y no sabe mucho de CSS y le he estado mostrando tips, son muchos ya redactare un post con tips CSS, pero por mientras les recomiendo leer tutoriales, para que empieces checa estas 9 habilidades CSS que todo diseñador debería conocer, muy recomendable.

Entre las habilidades que recomiendan conocer estan:

• Crear plantillas CSS
• 40 tutoriales para crear plantillas CSS
• Entender el modelo de cajas y posiciones
• Como entender el modelo de cajas y posiciones CSS
• Mejoras practicas de programación para la optimización
• Tips para optimizar tu codigo CSS
• etc…

Este articulo viene acompañado de un gran numero de tutoriales CSS para aprender a dominar estas habilidades, el único problema es que todos están en ingles.

Enlace: 9 Top CSS Essential Skills That Every Web designer Should Learn

Excelente el post que ha publicado Noupe con un total de 40 técnicas para mejorar la estética y funcionalidades de nuestros formularios utilizando CSS y Javascript, todas estas técnicas están apoyadas en frameworks javascript como Mootools y jQuery que ya le han robado el trono al prototype.

Enlace:Form Elements: 40+ CSS/JS Styling and Functionality Techniques

Las hojas de estilo o CSS son un excelente recurso para diseñadores web porque nos permite controlar todo el diseño y estructura que se muestra en el navegador, pero que pasa cuando esa pagina web la imprimimos?

Bien pues el CSS también nos puede ayudar para imprimir con estilo, que posibilidades nos brindan las plantillas css para impresion?

• Ocultar elementos con las barras laterales o banners que estorben el contenido real del sitio
• Cambiar tipos de letras definiendo una para el navegador y una para la impresión
• Ofrecerle a tu usuario una información clara tanto en la web como en papel

Como se hace?

CSS para navegador:

body{ font-size:15px; }

#header{background:black; color:#fff;}

#content .contenido{width:400px;color:#333;font-size:12px;}

#content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}

#footer{background:red; color:#fff;}

CSS para imprimir, ocultando la barra lateral (sidebar):

body{ font-size:15px; }

#header{background:black; color:#fff;}

#content .contenido{width:400px;color:#333;font-size:12px;}

#content .sidebar{width:200px;background:#333;color:#fff;font-size:12px;}

#footer{background:red; color:#fff;}

@media print{

#content .contenido{width:100%;}

#content .sidebar{display:none;}
}

Si les intereso el tema y quieren saber mas acerca de como usar las hojas de estilo para imprimir les recomiendo estos enlaces:

• Crear hojas de estilo optimizadas para imprimir (en ingles)
• CSS para imprimir paginas web
• Going to Print
• CSS Print Profile (Tabla de propiedades)