Foundation Building Blocks: kits salvavidas para proyectos web

Foundation building blocks, bloques para generar proyectos web. Mundo Framework por rosepac

Montar páginas web´s, ahora es mucho más sencillo con Foundation.

Desde el Framework Foundation, y desde Abril nos presentan un importante repositorio de elementos ya pre-diseñados denominado Foundation Building Blocks, lo cual servirá de gran ayuda para las personas que se inicien con dicho Framework e incluso para ahorrar mucho tiempo en el desarrollo de personas ya experimentadas.

El equipo de Foundation se ha propuesto reducir el tiempo del desarrollo de un proyecto, lanzando Foundation Building Blocks — una completa biblioteca de componentes UI (interfaces de usuario) de código abierto, formado por elementos que pueden ser utilizados casi por norma en cualquier proyecto dentro del Framework Foundation.

Cientos de códigos para tus proyectos

La biblioteca ha sido creada a partir de 0 con más de cientos de snippets o fragmentos de código. Distribuidos en 6 categorías: navegación, estado, media, contenedores, formularios y control o botones.

Foundation separación por elementos. Mundo Framework por rosepac
Foundation separación por elementos. Mundo Framework por rosepac

Generando así, plantillas y patrones de todos los elementos más importantes y comunes utilizados dentro de una interfaz de usuario web.

Solo se debe buscar la librería, seleccionar el bloque que se necesite y copiar y pegar el código a tu proyecto.

Kit salvavidas para crear una variedad de sitios

Descarga de bloques de construcción o Kits de construcción que están organizados por tipos de proyectos pre-determinados y pre-diseñados, con lo que necesitas para diseñar un determinado tipo de sitio web o aplicación.

Foundation diferentes kits existentes. Visto en Mundo Framework por rosepac
Foundation diferentes kits existentes. Visto en Mundo Framework por rosepac

Existen 8 kits temáticos diferenciados: blog, dashboard, ecommerce, marketing, app móvil, magazine, portfolio y viajes.

A diferencia de una plantilla, estos kits no dictaminan la estructura de la página; si no que ofrecen un conjunto de componentes listos para su utilización y que se integren de forma natural en su diseño.

Componentes creados por la Comunidad

Probado por los diseñadores y desarrolladores a lo largo de todo el mundo y revisado por el equipo de ZURB. Building Blocks seguirá creciendo con componentes creados por la Comunidad. ¿Ves componentes o patrones que falten? Puedes agregar estos, siguiendo estos pasos y será revisado por ZURB y liberado a la comunidad posteriormente.

Código que reducirá el tiempo de desarrollo

Los bloques o elementos están construidos específicamente para Foundation por lo que no tendrás que preocuparte por problemas de compatibilidades o dependencias. Solo se encontrarán componentes reales, útiles, prácticos y que cubren las necesidades de cada diseño web proyectado.

Instalación desde el terminal

Tanto los kits como los bloques de construcción, pueden ser fácilmente descargados desde el sitio web; para ser utilizados sobre proyectos ya construidos con el framework o bien, copiando y pegando el código adecuado.

Su instalación directa se puede ejecutar tras la previa instalación de la última versión del Framework Foundation:

npm install -g [email protected]

A continuación, para cualquier proyecto del kit:

foundation kits install <kitname>

Con el siguiente comando, para cualquier bloque específico:

foundation blocks install <blockname>

Desde ZURB afirman que han logrado reducir el tiempo de desarrollo y están muy contentos con la acogida del proyecto.


Proyecto: Repositorio de Github
Repositorio: Blog Oficial del Framework Foundation