Colección de Recursos para el Framework Foundation (+210 recursos)
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 Sass, complementos de JavaScript de uso común y soporte completo de accesibilidad.

👉 SITIO OFICIAL DE FOUNDATION

Gran cantidad de recursos para ayudarte a construir sitios más rápido.

En todo el mundo, la gente usa Foundation para crear sitios web hermososo y la comunidad está continuamente haciendo complementos increíbles.

¡No dejes de echar un vistazo a plantillas de CMS, complementos, temas, fuentes de iconos, herramientas y mucho más!

Complementos Principales

Algunas herramientas y complementos interesantes con los que poder construir tus proyectos desde cero.

Plantillas HTML

Obtém 8 plantillas receptivas para iniciar tus proyectos. Cada una de estas plantillas HTML receptivas se construyeron con las mismas técnicas y principios que se enseñan en el Curso de Introducción a Foundation 6 para construir su negocio.

  1. Plantilla de Revistas: Esta plantilla se enfoca en imágenes en negrita, perfectas para un sitio estilo revista con contenido llamativo. Sus historias son fáciles de encontrar con grandes bloques de funciones.

👓 DEMOSTRACIÓN DE PLANTILLA DE NOTICIAS ↘ DESCARGA LA PLANTILLA DE NOTICIAS

  1. Plantilla de Viajes: Con las miniaturas grandes con un espacio para títulos y descripciones junto con un encabezado informativo hacen de esta la plantilla perfecta para reservas de viajes, hoteles o similares.

👓 DEMOSTRACIÓN DE PLANTILLA DE VIAJES ↘ DESCARGA LA PLANTILLA DE VIAJES

  1. Plantilla de Inicio para E Commerce: ¿Estás construyendo una tienda en línea? Apreciarás el control deslizante con la tecnología Orbit y los patrones en miniatura para elementos y botones de esta plantilla.

👓 DEMOSTRACIÓN DE PLANTILLA DE E-COMMERCE ↘ DESCARGA LA PLANTILLA DE E-COMMERCE

  1. Plantilla para Agencias: Lleve tu trabajo a la vanguardia con una elegante plantilla perfecta para agencias o autónomos.

👓 DEMOSTRACIÓN DE PLANTILLA PARA AGENCIAS ↘ DESCARGA LA PLANTILLA PARA AGENCIAS

  1. Plantilla para Blog: Imágenes grandes, un diseño fácil de navegar y una barra lateral versátil te ayudarán a poner en marcha tu blog.

👓 DEMOSTRACIÓN DE PLANTILLA DE BLOG ↘ DESCARGA LA PLANTILLA DE BLOG

  1. Plantilla de una sola Columna: Enfoque elegante y minimalista puede ayudar a que su blog se destaque al poner el contenido al frente y al centro.

👓 DEMOSTRACIÓN DE PLANTILLA DE 1 COLUMNA ↘ DESCARGA LA PLANTILLA DE 1 COLUMNA

  1. Plantilla de Portfolio: Muestra tu trabajo y resalta lo que haces con este diseño en miniaturas, con un estilo de cuadrícula.

👓 DEMOSTRACIÓN DE PLANTILLA DE PORTFOLIO ↘ DESCARGA LA PLANTILLA DE PORTFOLIO

  1. Plantilla de Productos: Resalta tu nuevo producto y educa a los clientes potenciales con esta plantilla clásica.

👓 DEMOSTRACIÓN DE PLANTILLA DE PRODUCTO ↘ DESCARGA LA PLANTILLA DE PRODUCTO

Fuentes de Iconos

Una colección de íconos personalizada de 283 iconos almacenados en una práctica fuente web. Son fáciles de personalizar para que tengan cualquier tamaño, color o estilo en CSS.

¡Usa el dulce conjunto de íconos y no dudes en agregarlo a tu próximo proyecto!

↘ DESCARGALOS Y PERSONALIZALOS

Tablas Receptivas

La forma de tratar los datos tabulares en pantallas más pequeñas. Un método único para obtener datos tabulares que se ajusten a cualquier tamaño de pantalla.

No permitas que las tablas rompan tu diseño receptivo nunca más. Este simple combo JS / CSS permitirá que tus tablas se adapten a las pantallas de los dispositivos pequeños sin que todo se vaya al diablo.

Funciona tomando la primera columna y “fijándola” a la izquierda de la tabla, lo que te permite desplazarte por las otras columnas debajo de ella.

👓 PÁGINA DE EJEMPLO DE LAS TABLAS RECEPTIVAS ↘ DESCARGA UNA PLANTILLA DE LAS TABLAS (🛑 La descarga, se realizará desde el Github del proyecto Oficial)

Iconos SVG de Redes Sociales

Algunos bonitos iconos sociales para mejorar tu proyecto. Adam Fairhead creó un conjunto de dulces iconos SVG independientes de la resolución. Estos íconos SVG son ideales para pantallas de resolución ultra alta, más livianos y personalizables.

Al igual que Foundation, estos íconos están impulsando la web en nuevas direcciones. Estos iconos son un gran recurso para la iconografía que no puede verse afectado por la frecuencia con la que cambian las densidades de píxeles. El uso de SVG seguirá creciendo en la web, sé parte del movimiento.

👓 PÁGINA DE EJEMPLO DE LAS TABLAS RECEPTIVAS ↘ DESCARGA LOS ICONOS EN SVG (🛑 La descarga, se realizará desde el Github del proyecto Oficial)

Plantillas Omnigraffle

👓 OJEA LOS PDF ↘ DESCARGA LOS FICHEROS GSTENCIL

Recursos para Foundation 6

Recursos para Foundation 5

CMS: Gestores de Contenidos

Comienza más rápido: elija un CMS para WordPress que esté listo para Foundation o un tema CSS simple para sus proyectos.

WordPress

Drupal

Ghost

Jekyll

Joomla

Middleman

Contao

Otros temas de CMS

Ecommerce

Shopify

Magento

Cubecart

Backend

Django

Meteor

.NET

Otras Plantillas de Backend

Plantillas de Pago

Colecciones de temas de la fundación

Temas individuales

Creación de prototipos

Las maquetas nos cuentan una historia. Crea un prototipo en poco tiempo con estos útiles recursos de creación de prototipos.

Plantillas PSD

Creación rápida de prototipos

Kit de interfaz de usuario de base para Axure

Kit de interfaz de usuario de base para Axure de Ole Fredrik Lie F5

Otros recursos de creación de prototipos

Instalar recursos

¿Quieres conseguir Foundation de una forma diferente? Puede obtener aplicaciones ingeniosas, como Cactus y CodeKit. Prueba un generador Yeoman. ¡Ellos harán el trabajo por ti!

CodeKit

Una aplicación para Mac que le permite crear sitios web más rápido con Foundation usando CodeKit. Con cero configuración y Bower integrado en el sistema, CodeKit puede compilar cualquier idioma con actualizaciones de un solo clic.

Cactus

Cactus le permite crear sus sitios web localmente con la facilidad y flexibilidad de Foundation. El uso de Cactus le permite poner los componentes de su sitio web junto con su servidor local sin tener que configurar un entorno de servidor como Ruby.

Generador Yeoman

Ruby on Rails Sass Gems

Flujos de trabajo

Fuente: Página Oficial del Framework Foundation