Cuando hacemos una página desde cero es totalmente interesante partir de un buen framework CSS, pudiendo elegir entre cientos de alternativas que hay en la red. Yo os propongo Amazium.

Tiene el famoso grid de 960 píxeles con 12 columnas pero además tiene el extra de estar 100% listo para el iPad y el iPhone u otros smartphones al adaptarse a la resolución correspondiente de forma perfecta.

Incluye también una página 404 lista para usar, otra acertada decisión.

Descarga | Amazium

Fuente | WebResourcesDepot

Cuando iniciamos un proyecto desde cero resulta muy interesante comenzar con un framework que nos permita adaptarnos a diferentes dispositivos y seguir unas pautas responsables de diseño, y con BluCSS tenemos esa opción.

Por defecto nos plantea una disposición de 1000 píxeles de ancho para todas las pantallas de escritorio, pero además añade posibilidad de adaptarse a dispositivos móviles con un autoredimensionado que funciona genial.

Tienes más información sobre este framework en su página web.

Fuente | WebResourcesDepot

Los preprocesadores de CSS son realmente interesantes cuando hablamos de obtener el máximo rendimiento posible, y ahora vas a descubrir el porqué de estas palabras.

CSS Crush minimiza las pérdidas de tiempo más comunes en archivos CSS, así como la necesidad de usar hacks para navegadores específicos y otras técnicas que hacen que el procesado sea peor, encargándose de solventar todo eso.

Además, soporta caché y minificación para hacer todo aún más liviano y ligero. Toda una maravilla para la web.

Enlace | CSS Crush

Fuente | WebResourcesDepot

La navegación es la forma en la que podemos desplazarnos, entrar y salir, clicar, usar, ver, etc… en una web. Si la navegación es original y diferente a la típica de cualquier web, será un punto a favor para que los visitantes vuelvan y se hagan asiduos de nuestra web.

En Noupe han hecho una recopilación de 40 webs con una navegación original y diferente que podremos visitar entrando en cada uno de los enlaces que nos han dejado.

Además, han dividido estás 40 webs en dos grupos según el estilo de navegación:

• Webs con estilo de navegación basados en CSS y JavaScript
• Webs con los menús de navegación basados en Flash

Si te interesa mejorar el estilo de navegación de tu web cuando lo rediseñes o estás buscando diseñar una web original desde cero, no dudes en darte una vuelta por esta recopilación.

Fuente | 40 webs con una navegación distinta

Las utilidades web que nos ayudan con el diseño son fantásticas para echar una mano en ciertas ocasiones, y CSS Prism va a pasar a ser de forma automática una de vuestras preferidas, ya lo veréis.

Lo que hace esta aplicación web es cargar un fichero CSS que le indiquemos y mostrarnos todos los colores que se usan en el mismo con su correspondiente código hexadecimal, lo que nos permite localizar los colores a toda pastilla. Y encima podemos cambiar los colores en un momento.

¿Fantástica verdad? A mi me sirve de mucho y espero que a vosotros también.

Enlace | CSS Prism

Una de las prácticas más habituales -y olvidadas en algunos casos- en la programación y el diseño web es la de comprimir y minificar los archivos de Javascript y de CSS, reduciendo el tiempo de carga y la transferencia de datos.

Lo que hace BoxCSS y BoxJS es dar un servicio online de minificación y compresión gracias a la inclusión en el código de un pequeño fichero de tan solo 1.4 Kb, haciendo que las cargas sean mucho más ligeras.

Yo recomiendo minificar y comprimir por cuenta ajena, pero esta es una gran solución de todas formas.

Enlaces | BoxJS BoxCSS

Fuente | WebResourcesDepot

En Internet encontramos muchas herramientas que nos pueden ahorrar mucho tiempo de trabajo a muchos de nosotros. Si eres desarrollador web y usas el CSS hoy te voy a presentar más de 50 herramientas online que podrás usar gratuitamente para mucho tiempo.

En el blog Noupe.com han hecho una recopilación de más de 50 herramientas CSS online para desarrolladores entre las que encontramos: herramientas para elegir colores complementarios, colores que combinen bien, gradientes, otras que nos dan el código hexadecimal de cualquier color que hayamos elegido, generadores de paletas de color a partir de una fotografía etc..

También encontramos herramientas CSS online para ahorrar tiempo en la escritura del código para hacer plantillas, generadores de plantillas sencillas, generadores de plantillas para gestionar contenidos, generadores de menús y botones personalizados, generadores de menús de navegación, generadores de fuentes y herramientas de texto para CSS, optimizadores de código CSS, CSS Sprites, generadores de mapas de sitios, etc..

Fuente | Más de 50 herramientas CSS online para desarrolladores web