Zurb Foundation 4, primeras impresiones de la nueva version

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:

@media #{$small} {
...
}

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/

Se bueno y comparte!
Publicado el Categorías Diseño y Desarrollo Web

Acerca de Perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

Comenta!

5 Comentarios activo "Zurb Foundation 4, primeras impresiones de la nueva version"

avatar
Ordenar por:   Nuevos | Viejos
Camilo Tilaguy

Lo mismo ocurre con el Bootstrap de twitter, una actualización equivale a retocar el template, las vistas, los partials... y si que es aburridor actualizar los formularios acorde a las nuevas estructuras

Definitivamente, creo que sera necesario crear helpers para cada componente, tabs, acordeon, inputs...etc para no estar actualizando cada vista partial o formulario.

Lastima que incorporan Zepto, ya tuve problemas de incompatibilidad con algunos plugins jquery :(

sefsinalas

Yo lo que hice fue cargar directamente Jquery y no Zepto y asi fueron muchos menos los problemas. No creo que lo sigan manteniendo para la proxima version xq es para todos igual de incomodo.

Matias Ezequiel Casal

Gracias, me ayudaste a entender un poquito mas los cambios, aunque todavia hay cosas q no me cierra, gracias a dios, recién empezaba a usar el 3, y lo actualice antes de adentrarme mucho mas.. yo decidi cargar jquery directamente tambien :)

sefsinalas

Me alegro que mi post le sirva a alguien :)
Lamentablemente yo tenia muchas cosas hechas con el 3(como el template de este blog), asi que tengo mucho trabajo por hacer para pasar todo a la version 4. Pero esta muy linda la 4, eso de tener small- y large- me esta ahorrando un monton de trabajo

juanma
juanma

concuerdo contigo en lo pesimo de cambiar de raiz el modo de implementacion entre versiones, tengo viejas versiones en 3.2 ejemplo en wordpress themes y el cambio me genero horas de trabajo que no deberia ser tal. saludos

wpDiscuz