La gente de la comunidad de desarrolladores en ZURB y Foundation han estado trabajando duro, para liberar una gran actualización de Foundation for Sites. ¡Profundicemos en ello, veamos que está sucediendo ahora mismo, y vamos a preguntarle al equipo, que vendrá!
¿Qué Hay de Nuevo?
Fondation 6.3 trae algunos cambios sólidos al framework, mientras sigue siendo fiel a lo que lo hace tan bueno.
Tarjetas IU
Las tarjetas están ganando más y más popularidad como un patrón en la web; son una manera realmente buena de mostrar a tus usuarios piezas de información condensadas, y funcionan magnífico para sitios web responsivos. No solo eso, también son intuitivas, ¡mientras las uses correctamente!
Hubo algún debate sobre poner tarjetas en Foundation-¿es un componente que realmente necesitas en un framework responsivo, o deberías crear tus propias tarjetas con las herramientas que se te dan? La conclusión es que Foundation también es una herramienta de rápido prototipado y para mí, la inclusión de tarjetas significa que puedo hacer un prototilpo de eso mucho más rápido. Aún cuando van hacia producción, éstas tarjetas son una bienvenida adición a la fuerza.
Asistentes de Flexbox
Flexbox es magnífico, porque nos permite realizar maquetados más (¡adivinaste!) flexibles en nuestros diseños. Flexbox tiene como objetivo proporcionar una manera más eficiente de maquetar y distribuir espacio entre elementos en tu página web, incluso (y ésta es la parte magnífica) cuando el tamaño de esos elementos es dinámico y desconocido.
Foundation 6.3 nos proporciona asistentes que hacen a Flexbox más accesible y más fácil para la realización de prototipos. Por ejemplo, floats y clearfix son soluciones; justificadas para lograr el fin. Para reemplazar esas usamos Asistentes de Flexbox.
"Flexbox es una parte importante del diseño web moderno y queremos quedarnos en la cima de eso." - Kevin, Administrador de Redes Sociales de Foundation
Un Completamente Nuevo Off-Canvas (Lienzo-Afuera)
Algunos dirían que ésto podría haber estado fuera de tiempo, pero, ha sido hecho por fin. El elemento Off-Canvas ha tenido una reestructuración y es fabuloso. Ni siquiera tienes que cambiar ningún marcado pues es retrocompatible.
El marcado del nuevo Off-Canvas es aún más simplificado; ahora tenemos la capacidad de usar Off-Canvas como una superposición y abrir desde arriba o desde abajo,en lugar de únicamente empujar el contenido lejos.Y todavía, es ahora más pulcro que nunca, así que asegúrate de consultar Off-Canvas en la documentación de Foundation for Sites.
Acordeón para Pestañas: Magia Responsiva
¡Siempre experimentando con pestañas que son útiles en pantallas grandes pero se convierten en un completo desorden en dispositivos móviles? ¡Ya no! Con "acordeón para pestañas responsivo" puedes cambiar tu IU basado en el tamaño de la pantalla y proporcionar una mejor experiencia de usuario para tus visitantes que utilicen dispositivos móviles. ¡Es fácil de implementar y los beneficios son colosales!
Ritmo Vertical al Cuál Bailar
Implementar un sólido ritmo vertical en tu texto puede mejorar magníficamente la apariencia y sentido de tu sitio web. Foundation siempre nos ha facilitado manipular los diferentes tamaños del header y del texto del cuerpo, pero con la actualización de Foundation 6.3, la configuración del tamaño de la tipografía, el line height, y los márgenes todos han sido hechos accesibles en una sola configuración compacta. Fácil de usar a su máxima expresión.
Observa, Observa... Observadores de Mutación
A veces las pequeñas treas pueden llegar a ser tediosas, pero luego existen esas actualizaciones que eliminarán el dolor. Éste es el caso con los nuevos observadores de mutación, que trabajan tras bambalinas y automáticamente detectan cambios en el DOM y desencadenan actualizaciones en los componentes. Ésto te libra de tener que reflotar manualmente los elementos para desencadenar cambios en cosas como revelar ventanas modales, barras fijas, equalizer, y más. Asombroso.
Profunda Vinculación a las Pestañas
La profunda vinculación juega un papel importante cuando llevas a tus usuarios a la página correcta-especialmente importante en sitios web de comercio electrónico y aplicaciones móviles. Con Foundation 6.3 puedes fácilmente dirigir a tus usuarios a contenido específico que has colocado en pestañas y así hacer uso de profunda vinculación tú mismo.
Aplicar Estilo a la Impresión
Hasta la última actualización de Foundation, tenías que configurar tus propias hojas de estilo personalizadas para la correcta impresión de páginas web. Foundation únicamente mostraría la pantalla móvil, mientras que otros frameworks ni siquiera harían eso, significando que tenías que ensuciarte las manos y hacer el trabajo tú mismo.
Esos días son algo de pasado gracias a Foundation 6.3, porque ahora puedes especificar exactamente que punto de quiebre quieres definir en tu página de impresión, y Foundation averiguará el resto. Genial.
ZURB: la Entrevista
Queríamos alguna información más profunda sobre cómo el framework había llegado a su posición actual. También preguntamos lo que podíamos esperar de Foundation en el 2017. Ésto es lo que el equipo de ZURB respondió:
¿Cuáles fueron los mayores desafíos a superar en el 2016?
Eso habría sido cómo los navegadores manejarían ciertos selectores CSS en nuestras grillas. Todos funcionan sensacionalmente ahora, pero les llevó algún tiempo a los navegadores modernos ponerse al tanto con todo lo que la web tiene que ofrecer.
Nuestro grilla CSS necesitaba (y necesita) llegar a ser más versátil y llegar a ser un componente medular de Foundation. Necesitamos ver lo que ese valor medular ofrece y cómo se beneficia cualquiera usando nuestro framework.
¿Qué esperas lograr en el 2017?
Una de las cosas en las que estamos trabajando, y que seguramente lograremos en el 2017 es reestructurar nuestro JavaScript para Foundation. Vamos a aprovechar más las herramientas modernas existentes y también facilitaremos a nuestros usuarios incorporar sus propios componentes personalizados.
Una cosa mas sería volver a elaborar los componentes del menú. Ya son verdaderamente poderosos, pero, cuando los sacas de su norma, todavía son un poco frágiles. Estaremos trabajando fuerte en ello para llegar al punto que podamos personalizarlos para que se adecué a su proyecto.
¿Cuál es la principal prioridad para el 2017?
Definitivamente estaremos abordando la facilidad de uso del framework, cosas como bloques constructivos reutilizables y un Foundation más modificable, para que la gente puede añadir sus propias modificaciones. Haciéndolo más modificable permite que componentes más versátiles y bloques reutilizables dejen usar el prototipo aún más rápido y más limpio.
¿Cuáles son las cosas que van a llegar en el 2017?
Vamos a querer hacer más con SVGs pues siguen desempeñando un papel crucial en el diseño web flexible y responsivo. Queremos ver cómo podemos implementar y manipular SVGs para diferentes estados y tamaños de pantalla. Una cosa que buscaremos es una forma más fácil de crear e integrar SVGs en tu proyecto usando Foundation for Sites.
¿Tienes miedo de que Foundation se vuelve algo demasiado voluminoso?
Ésto es algo que siempre tenemos que cuidar. Por un lado, tener muchos componentes nos ayudar a prototipar y desarrollar más rápido. Por otro lado, más componentes puede significar código no usado, lo que hace un proyecto ligero demasiado voluminoso. Estamos optimizando cómo las cosas pueden ser integradas y hacerlo así para que puedas elegir trabajar en componentes adicionales para tu proyecto específico. Una cosa que seguimos vigilando es mantener el núcleo compacto y fuerte.
¿Qué tal va Motion UI?
¡Esa es una gran pregunta! Realmente estamos muy ocupados y está a punto de ser reestructurada para hacerla más accesible. También vamos a ahondar sobre cómo usar tus propias animaciones con Motion UI.
Una cosa que falta por el momento es una documentación extensa y útil. Pensamos que por eso la gente no está utilizándola tanto como quisiéramos, mientras que la misma Motion UI es ya una librería muy poderosa. Te mantendremos informado en nuestro blog y boletín sobre qué tal va.
"Motion UI es ya muy poderosa, pero necesitamos mejorar la documentación para facilitarles a ustedes usarla e implementarla." - Rafi, Promotor de Foundation
¿Es Flexbox el futuro de Foundaton?
Nos encanta Flexbox, verdaderamente es un gran paso hacia adelante en componentes flexibles y dinámicos. Mientras avanzamos con Foundation for Sites, también continuamos avanzando hacia el futuro y Flexbox juega un gran papel en ello. Vamos a continuar integrando más y más componentes con la propiedad flex y usar flexmodes para todos los componentes.
Conclusión
Bueno, ahí lo tienes, un sensacional framework que sigue mejorando y mejorando. Con Foundation 6.3 y Motion UI acompañando, nosotros como desarrolladores y usuarios podremos realizar prototipos y lanzar sitios incluso más rápido que antes. Definitivamente queda como anillo al dedo para el 5o. Cumpleaños de Foundation, ¡Felicidades!
"Un enorme saludo para nuestra dedicada comunidad de desarrolladores, que siguen mejorando Foundation día tras día. ¡Gracias chicos!" - Kevin, Administrador de Redes Sociales
Hi, my name is Mark! I work as a front-end web developer at IT Starts With Coffee, together with my business partner. We deliver custom Foundation/WordPress websites for clients. In my spare time, I love to read and write all about WordPress, Foundation, Sass, jQuery and web design!
