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


Sierra es una hermosa biblioteca Dark UI construida en Sass

En un mundo lleno de marcos de frontend, puede ser difícil clasificar todas las opciones. Pero, si eres un amante de Sass, Sierra es el nuevo marco de interfaz de usuario más genial para ver.

Es completamente personalizable y se ejecuta completamente en código SCSS . Esto significa que viene con decenas de parciales de SCSS y bibliotecas relacionadas que se fusionan en una poderosa (y gratuita) biblioteca de UI.

Cuando los desarrolladores escuchan sobre una nueva biblioteca de Sass generalmente se supone que es un conjunto de mixins. Pero Sierra es más que solo variables y mixins . Esta biblioteca es un marco de interfaz de usuario de verdadero azul con estilos personalizados para cuadrículas, tipografías, tablas, botones, formularios y casi cualquier cosa que necesite para diseñar un sitio web.

En total, la biblioteca pesa alrededor de 34kb sin comprimir, lo que puede parecer grande. Pero teniendo en cuenta todo lo que obtienes, es un buen tamaño y está lejos de ser el más voluminoso (como referencia, el CSS de Bootstrap mide unos 115kb sin comprimir).

Al trabajar en Sierra, obtienes opciones totalmente personalizables para cambiar cuadrículas, relleno, espaciado, tamaños de fuente / familias, colores y mucho más. Todo se controla a través de SCSS y cada biblioteca se divide en diferentes archivos para una organización más simple.

La biblioteca de UI viene con docenas de estilos frontend para los elementos de página más comunes :

  • Párrafos y encabezados
  • Botones
  • Entradas de formularios (desplegables, radios, etc.)
  • Mesas
  • Paginación
  • Alineaciones izquierda / derecha
  • Barras de carga personalizadas

Todos estos elementos se pueden ver en la página de demostración que usa un esquema de color más oscuro. De forma predeterminada, Sierra es una biblioteca oscura de UI, pero como todos los colores son fáciles de cambiar, puede hacer que funcione para cualquier estilo de sitio web.

Mi única queja es la falta de documentación de fácil acceso . Sierra se encuentra actualmente en v2.0, pero incluso el repositorio principal es escaso en consejos de instalación y personalización.

Afortunadamente, los desarrolladores enumeran todas las variables principales que puede cambiar en el archivo _variables.scss . Estas variables se importan para todos los demás archivos Sierra SCSS, lo que significa que solo necesita cambiar los colores en un lugar para que funcionen en todas partes.

Sierra está lejos de ser perfecto, pero es una de las pocas bibliotecas de UI basadas en Sass en la web.

Si quieres intentarlo, echa un vistazo al sitio web principal para demostraciones y más detalles . Y, si realmente estás atascado, puedes intentar abrir una pregunta en la página de problemas de GitHub o enviar un mensaje al creador Joan Claret para obtener más detalles.

Sugerencias de productividad y aplicaciones web para equipos de diseño

Sugerencias de productividad y aplicaciones web para equipos de diseño

Ya sea que esté buscando una herramienta de alta calidad para sus actividades de diseño web, una que cubra las necesidades de administración de proyectos y colaboración, o una que sirva para ambos propósitos, no necesita buscar más.Hemos enumerado en este post siete de las mejores aplicaciones web disponibles en el mercado. Vari

(Consejos de tecnología y diseño)

Sistemas de boletas de soporte gratuitas y premium: lo mejor de

Sistemas de boletas de soporte gratuitas y premium: lo mejor de

El servicio al cliente se ha mejorado mucho con la tecnología y los servicios en línea, especialmente cuando se trata de manejar la satisfacción del cliente. Cuando los clientes tienen un problema, ahora pueden emitir un ticket, con su información, detalles de su problema o solicitudes de solución, en el sitio web del proveedor del servicio para que investiguen su problema.Sin

(Consejos de tecnología y diseño)