Foundation Building Blocks: kits salvavidas para proyectos web

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 foundation-cli@2.2.0

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

Artículos Relacionados
Lanzados los iconos de Bootstrap, en su primera versión estable

¡Después de cinco versiones alfa en los últimos nueve meses, Bootstrap lanza la versión estable de sus iconos. Más de 1.100 íconos y en camino de agregar cientos de iconos más en próximos lanzamientos. Bootstrap agrega 1.100 iconos propios La librería de iconos de ¡SEGUIR LEYENDO!

Colección de Recursos para el Framework Tailwind CSS (+300 recursos)

Tailwind CSS es un frameworks CSS para crear rápidamente interfaces de usuario personalizadas. ? Colección Recursos CSS / ? Frameworks CSS / ? Cursos Gratis de CSS / ? Libros Gratis de CSS / ? 85 Geniales Recursos CSS Gratuitos Enlaces útiles Leyenda 😕 ¡SEGUIR LEYENDO!

Colección de Recursos para el Framework Foundation (+210 recursos)

Foundation es el framework front-end receptivo más avanzado del mundo. Pase rápidamente del prototipo a la producción, construya sitios o aplicaciones que funcionen en cualquier tipo de dispositivo con Foundation. Foundation incluye una cuadrícula receptiva y totalmente personalizable, una gran biblioteca de mixins de ¡SEGUIR LEYENDO!

Tailwind 2.0

Hace casi exactamente 18 meses vio la luz Tailwind CSS v1.0, que marco un compromiso por la estabilidad sin dejar de lado la búsqueda de agregar emocionantes y nuevas características que superen a la versión anterior. En el transcurso de los últimos 18 meses, ¡SEGUIR LEYENDO!

Framework MAVO: Creando aplicaciones exclusivamente con HTML

Crear aplicaciones web sin Javascript ahora ya es posible, con el Framework Mavo ¿Qué es MAVO? Mavo te ayuda a convertir tu HTML estático en aplicaciones web reactivas sin una sola línea de código de programación y sin servidor backend. Mavo amplía la sintaxis ¡SEGUIR LEYENDO!

¿Qué diferencias hay entre Boostrap y Tailwind CSS?

En los últimos tiempos, la batalla entre los frameworks CSS es terrible, y Tailwind CSS ha ganado mucha reputación entre los desarrolladores front end, siendo un numeroso grupo, los que tras probarlo deciden seguir usándolo como framework CSS de referencia dentro de sus "stacks", ¡SEGUIR LEYENDO!

24 Mejores alternativas del Framework CSS Bootstrap

Desde hace mucho tiempo, Bootstrap ha sido uno de los frameworks front-end más populares y ha aparecido en la lista superior de las herramientas más importantes para muchos desarrolladores. No hay muchos frameworks como Bootstrap, cuando se trata de diseñar sitios web de front-end ¡SEGUIR LEYENDO!