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.
30 hermosos GIF de caligrafía que no puedes dejar de ver
Es muy raro encontrar buena escritura hoy en día. Es aún más raro encontrar a alguien versado en el arte de la caligrafía. Atrás quedaron los días en que los cuadernos se veían menos como un montón de páginas escritas en código Morse y más como caramelos. Esto es comprensible, de alguna manera; con lo lejos que ha llegado la tecnología, la escritura táctil permite escribir pensamientos y notas importantes más rápido que si se escribiera . La escritura
Hojea cualquier foto de Subreddits con esta aplicación genial
Reddit está lleno de fotos divertidas, dibujos geniales, fotos de memes y muchas otras cosas para ayudarte a posponer las cosas.¡Y ahora, con el visor de imágenes Galrus, puede filtrar todas las publicaciones de imágenes de múltiples subreddits al mismo tiempo!Visite la página de búsqueda y escriba cualquier subreddit en el cuadro de búsqueda. Alguno