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 [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

Artículos Relacionados
Lanzado Bootstrap 5.2.1

Bootstrap v5.2.1 está aquí con correcciones de nuestra última versión menor, v5.2. Como lanzamiento de parche, estos cambios se limitan a correcciones de errores, actualizaciones de documentación y algunas actualizaciones de dependencias. ¿Cómo actualizar a Bootstrap 5.2.1? Dirígete a https://getbootstrap.com para obtener la última versión, también se ¡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!

Bootstrap 5: Nuevos cambios para el framework CSS más usado del mundo

¡Llegó el primer lanzamiento Alfa de Bootstrap 5! Desde el equipo de Bootstrap anuncian una nueva versión del framework, en la que han estado trabajando durante varios meses para definir lo que comenzaron con la versión 4. La nueva versión Alpha de Bootstrap 5 ¡SEGUIR LEYENDO!