Propeller Framework combina Bootstrap y Google Material Design
La inmensa popularidad del diseño material de Google no debería sorprender. Es parte de un estilo de interfaz de usuario moderno que se centra más en el diseño plano con énfasis en UX y patrones de usabilidad .
Al tomar los conceptos de diseño de materiales y agregarlos a Bootstrap, obtenemos el marco Propeller .
Este marco de código abierto totalmente receptivo juega el papel material a la perfección. Viene empaquetado con una biblioteca de componentes de 25 elementos UI, junto con plantillas personalizadas para acelerar la producción.
Puede encontrar todo el código fuente en GitHub, junto con la información de soporte del navegador y actualizaciones recientes.
Si realmente desea sumergirse, debe consultar la página de documentación . Aquí es donde sucede lo bueno, cubriendo la estructura de carpetas, la configuración básica del sitio, el uso de componentes y cómo personalizar el kit usted mismo.
![](http://hideout-lastation.com/img/tech-design-tips/902/propeller-framework-combines-bootstrap-google-material-design.jpg)
Los menús desplegables, formularios, widgets con pestañas y barras de progreso, todos estos componentes siguen el estilo de diseño del material y son súper fáciles de configurar. La parte difícil es encontrar el componente exacto para que coincida con su sitio porque hay muchos para elegir.
En general, Propeller sigue la mayoría de las pautas de diseño de Google . Los desarrolladores han hecho un trabajo fantástico con este marco y realmente coincide con el estilo material.
En la página Comenzar, encontrará cuatro descargas diferentes, cada una para un propósito distinto:
- Material temático : para sitios existentes de Bootstrap que desean un estilo de diseño de materiales
- Propeller Kit : toda la biblioteca de CSS / JS lista para producción
- Stand Alone : componentes individuales que puedes copiar y pegar para tus propios proyectos
- Plantilla de administración : una plantilla de panel de administración personalizada hecha con Propeller
Si es nuevo en el marco, puede descargar todo el kit y retocarlo. Este paquete no tiene muchas páginas de muestra, pero puede consultar el sitio de Propeller para ver cómo se ve.
Este marco está listo para producción si está buscando un tema material. Es uno de los marcos más simples para construir y es probable que esté presente en los próximos años.
![Cómo comenzó todo: 40 fotos clásicas de empresas tecnológicas que tienes que ver](http://hideout-lastation.com/img/tech-design-tips/903/how-it-all-started-40-classic-photos-tech-companies-you-ve-got-see.jpg)
Cómo comenzó todo: 40 fotos clásicas de empresas tecnológicas que tienes que ver
Muchos de los gigantes que dictan la forma en que la tecnología en general rueda hoy tuvieron inicios modestos durante sus primeros días. Algunos atribuyeron el éxito de las compañías o sus fundadores a una gran previsión, conociendo a las personas "correctas" y, en muchos casos, estando en el lugar correcto en el momento correcto (también conocido como suerte, supongo).En ver
![Muestra de sitios web geniales con grandes encabezados de video](http://hideout-lastation.com/img/tech-design-tips/400/showcase-cool-websites-with-big-video-headers.jpg)
Muestra de sitios web geniales con grandes encabezados de video
Cuando se trata de diseño web, tener videos o animaciones en el fondo es sin duda una de las mejores maneras de atraer la atención de los visitantes. Si desea ver algunos ejemplos de eso, consulte el escaparate que presentamos anteriormente sobre sitios web con fondos de video en toda regla.Sin embargo, los videos no tienen que hacer grandes fondos para que sean efectivos.