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

Relacionado

Material UI ahora es MUI (biblioteca de React)

¿Conoce React.js? En caso d que sí, seguramente conozcas Material UI, una de las bibliotecas de componentes de React más populares. Decir que Material UI es la principal biblioteca de uso general que existe en el mercado. La idea parte de seguir las mismas pautas, componentes y herramientas de diseño de Material Design de Google para hacer que las aplicaciones web sean más rápidas. El origen ¡SEGUIR LEYENDO!

Ionic: Conceptos Básicos del Framework

Para aquellos completamente nuevos en el desarrollo de aplicaciones de Ionic, puede ser útil obtener una comprensión de alto nivel de la filosofía, los conceptos y las herramientas principales detrás del proyecto. Antes de sumergirnos en temas complejos, cubriremos los conceptos básicos de lo que es Ionic y cómo funciona. Componentes de la Interfaz de Usuario Ionic Framework es una biblioteca de componentes de la interfaz ¡SEGUIR LEYENDO!

Ionic 4.0: Introducción Ionic para todos

Ayer fue lanzada la versión del Framework basado en la creación de aplicaciones híbridas: Ionic 4. Enfocado en la creación de componentes web, y las PWA.

Foundation: Todo lo Podría llegar en la Temporada 3 de la exitosa serie

Información clave sobre la temporada 3 de Foundation: No se ha anunciado oficialmente Se informa que la filmación estaba en marcha antes de las huelgas de Hollywood Como era de esperar, no hay ningún avance disponible Es probable que los miembros clave del elenco regresen Debería comenzar 150 años después del final de la temporada 2 No hay detalles confirmados de la trama Probablemente se basará ¡SEGUIR LEYENDO!

El camino del Frontend Developer, por MrCodeDev

En este repositorio de Github de MrCodeDev vas a encontrar una importante lista de recursos para ayudarte a emprender el camino de llegar a ser Frontend Developer. El repositorio, ha sido creado por MrCodeDev y si deseas aportar algún contenido, puedes considerar el contactar con él; o bien, enviar un PR a través del repositorio de Github. Por último, si lo deseas, puedes invitar a un ¡SEGUIR LEYENDO!