Ayer (28/02/13) salio la nueva version del framework CSS Foundation desarrollado por Zurb. Es un framework al que estoy aficionado hace tiempo y del que se pueden encontrar infinidad de buenos comentarios por la web.

La nueva versión tiene algunas características interesantes.

Es una versión que aplica la técnica de Mobile First. Eso significa que se diseña al reves de lo normal, es decir, primero se diseña para que se vea bien en celulares y de ahi se crece hacia arriba. Es una tecnica con varias ventajas importantes.

2 grillas en un solo framework. Es una ventaja enorme el diseñar con una grilla de 12 para pantallas chicas y otra de 12 para pantallas grandes, con esto se pueden lograr un control muy sencillo sobre las interfaces, sin complicarse en estar escondiendo cosas y acomodando algunos detalles a mano.

No se usan media queries. O sea, si se usan, pero se brindan variables que ayudan a evitar estarse liando. Con un simple:

[css] @media #{$small} { … } [/css]

ya puedes aplicar estilos para todo lo que sea mas grande que 768px(creo que ese era el numero).

Zepto en vez de Jquery. Este es uno de los cambios que no me gustan. Porque hay que estar controlando que los plugins funcionen bien y ademas con Zepto no funcionan todas las funciones de jquery, algunas hay que retocarlas y si ya tenias un proyecto grande funcionando con Jquery puede ser bastante molesto tener que arreglar las pequeñas fallas. Por otro lado, la ventaja de usar Zepto es que es mucho mas ligero que JQuery. Aunque una diferencia de 200 o 300k no deberian afectar tanto a la velocidad de carga de un sitio web.

foundation

Lo realmente malo de Zurb Foundation 4

Me encanta este framework y despues de probar la ultima version durante una mañana debo decir que es excelente para comenzar un nuevo proyecto porque cada vez es mas potente y mas facil de usar.

Lo malo es que cada nueva version de Foundation difiere mucho de la anterior y se hace super molesto y tedioso el proceso de actualizar un diseño a la nueva version. Cuando salio Foundation 3 e incorporaron SASS, cambio la forma de usar la grilla. Ahora con la version 4 cambio de nuevo, y encima sacaron algunos plugins como los tabs(pestañas), los tooltips necesitan de un data-tooltip para funcionar y asi con varios detalles.

Sitio oficial: http://foundation.zurb.com/