En este momento estás viendo Foundation Building Blocks: kits salvavidas para proyectos web
Foundation Building Blocks: kits salvavidas para proyectos web
  • Categoría de la entrada:Framework CSS
  • Tiempo de lectura:3 minutos de lectura

Montar páginas web´s, ahora es mucho más sencillo con el Framework 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.

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.

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: Blog Oficial del Framework Foundation
Repositorio: Github