hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Sierra est une belle bibliothèque d'IU sombre construite sur Sass

Dans un monde plein de frameworks frontend, il peut être difficile de trier toutes les options. Mais, si vous êtes un amoureux de Sass, alors Sierra est le nouveau framework d'interface utilisateur le plus cool à regarder.

Il est entièrement personnalisable et fonctionne entièrement sur le code SCSS . Cela signifie qu'il est livré avec des douzaines de partiels SCSS et de bibliothèques apparentées qui fusionnent tous en une seule bibliothèque d'interface utilisateur puissante (et gratuite).

Quand les développeurs entendent parler d'une nouvelle bibliothèque Sass, on suppose généralement qu'il s'agit d'un ensemble de mixins. Mais Sierra est plus que juste des variables et des mixins . Cette bibliothèque est un cadre d'interface utilisateur véritablement bleu avec des styles personnalisés pour les grilles, la typographie, les tableaux, les boutons, les formulaires et pratiquement tout ce dont vous avez besoin pour concevoir un site Web.

Au total, la bibliothèque pèse environ 34 Ko non compressé, ce qui peut sembler important. Mais compte tenu de tout ce que vous obtenez, c'est une bonne taille et loin du plus gros sur le marché (à titre de référence, le CSS de Bootstrap mesure environ 115 Ko non compressé).

Travailler dans Sierra, vous obtenez des options entièrement personnalisables pour changer les grilles, les espacements, les tailles de police / familles, les couleurs, et bien plus encore. Tout est contrôlé via SCSS et chaque bibliothèque est divisée en différents fichiers pour une organisation plus simple.

La bibliothèque de l'interface utilisateur contient des dizaines de styles d'interface pour les éléments de page les plus courants :

  • Paragraphes et en-têtes
  • Boutons
  • Entrées de formulaire (listes déroulantes, radios, etc.)
  • les tables
  • Pagination
  • Alignements gauche / droite
  • Barres de chargement personnalisées

Tous ces éléments peuvent être vus sur la page de démonstration qui utilise un schéma de couleurs plus sombres. Par défaut, Sierra est une bibliothèque d'IU sombre mais comme toutes les couleurs sont faciles à changer, vous pouvez l'utiliser pour n'importe quel style de site Web.

Ma seule plainte est le manque de documentation facilement accessible . Sierra est actuellement en v2.0, mais même le principal dépôt est rare sur les conseils d'installation et de personnalisation.

Heureusement, les développeurs listent toutes les variables principales que vous pouvez changer dans le fichier _variables.scss . Ces variables sont importées pour tous les autres fichiers Sierra SCSS, ce qui signifie que vous devez seulement changer les couleurs au même endroit pour les faire fonctionner partout.

Sierra est loin d'être parfaite, mais c'est l'une des rares bibliothèques d'interface utilisateur basée sur Sass sur le Web.

Si vous voulez essayer, consultez le site principal pour les démos et plus de détails . Et, si vous êtes vraiment bloqué, vous pouvez essayer d'ouvrir une question sur la page des problèmes de GitHub ou de communiquer avec le créateur Joan Claret pour plus de détails.

Libraries.io - Moteur de recherche Open Source pour les développeurs

Libraries.io - Moteur de recherche Open Source pour les développeurs

Il existe des millions de projets open source en ligne avec de nouveaux projets lancés chaque jour. Les développeurs de tous les horizons affluent vers l'open source, car c'est le meilleur moyen de mettre à l'échelle un nouveau projet en créant des rapports de bogue et des solutions de code .Pour

(Conseils techniques et de conception)

Comment Refactor CSS - Un Guide

Comment Refactor CSS - Un Guide

Le refactoring CSS doit être une partie essentielle du workflow de développement frontal, si nous voulons avoir une base de code gérable et optimisée. Lorsque nous refactorisons CSS, nous nettoyons et réorganisons notre code existant sans ajouter de nouvelles fonctionnalités ou corriger les bogues.Le re

(Conseils techniques et de conception)