es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

La mayoría de los componentes se ejecutan sobre las clases de Bootstrap, por lo que está trabajando con una base de código de BootStrap genuina . Sin embargo, está muy personalizado para imitar las animaciones e ideologías de diseño del material de diseño .

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:

  1. Material temático : para sitios existentes de Bootstrap que desean un estilo de diseño de materiales
  2. Propeller Kit : toda la biblioteca de CSS / JS lista para producción
  3. Stand Alone : componentes individuales que puedes copiar y pegar para tus propios proyectos
  4. 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.

Descubre diseños de regalos a diario con esta extensión de Chrome

Descubre diseños de regalos a diario con esta extensión de Chrome

Los diseñadores lanzan toneladas de regalos en línea todos los meses, incluidos iconos, kits de UI, maquetas, gráficos vectoriales y mucho más.Piktab es una extensión gratuita de Chrome que muestra los regalos de diseño más nuevos directamente en tu navegador.Cada vez que abres una pestaña nueva, podrás echar un vistazo a los mejores regalos de diseño de toda la web. Esto es

(Consejos de tecnología y diseño)

Elementos de infografía por Vector Stock abierto

Elementos de infografía por Vector Stock abierto

Si ha encontrado muchas infografías en línea, es posible que haya pensado en liberar la suya propia. Hay muchas herramientas para ayudarlo a hacerlo con bastante facilidad, pero su diseño estará lejos de ser único, en cuanto al diseño. Para ayudarlo con esto, nuestros amigos de Vector Open Stock han lanzado un regalo de promoción exclusivo para los lectores de hongkiat.com.Ve

(Consejos de tecnología y diseño)