Créez des sites Web réactifs plus rapidement avec l'interface utilisateur sémantique

Les frameworks Frontend tels que Bootstrap font toujours fureur. Il y a des douzaines d'excellents choix à choisir, mais celui qui a récemment attiré mon attention est l' interface utilisateur sémantique .

Accordé cette bibliothèque a été autour depuis un certain temps, datant de quelques années. Cependant, la dernière version de la version 2.2 vient avec un tas de fonctionnalités supplémentaires et prouve que Semantic va être là pour le long terme.

Avec des dizaines de variables CSS, des classes réactives simples et des mises en page faciles à configurer, vous n'aurez aucun problème à travailler seul avec l'interface utilisateur sémantique.

Les noms de classes simples et les structures de grille donnent vraiment du sens à ce cadre appelé "Semantic". Les classes sont très raisonnables et cela rend votre HTML facile à lire à distance.

Il est même livré avec la prise en charge de jQuery pour les éléments de page dynamiques tels que les carrousels et les menus déroulants.

Chaque élément HTML sous le soleil est personnalisé et entièrement fonctionnel avec l'interface utilisateur sémantique. Cela inclut les éléments HTML5 et des fonctionnalités supplémentaires telles que les classements et les onglets personnalisés.

Mais, peut-être la meilleure partie de Semantic est la configuration thématique . Non seulement vous obtenez des tonnes de styles prédéfinis et d'éléments dynamiques, mais vous pouvez également les recréer en vous basant sur le code de Semantic.

La bibliothèque complète totalise plus de 3 000 variables thématiques que vous pouvez modifier dans Sass ou en étendant votre propre feuille de style. De plus, l'interface utilisateur sémantique est fournie avec neuf thèmes par défaut :

1. Valeur par défaut sémantique
2. Joufflu
3. Élevé
4. Classique
5. Google Material
6. Amazone
7. Bootstrap
8. GitHub
9. Gazouillement

Ce ne sont que la pointe de l'iceberg et ils agissent plus comme des points de départ pour concevoir votre propre thème .

Si vous créez une nouvelle page de destination ou un site Web personnalisé à partir de zéro, envisagez sérieusement de travailler avec l'interface utilisateur sémantique. C'est totalement gratuit et open source avec une excellente documentation en ligne .

Vous pouvez parcourir les styles de mise en page, ainsi que les guides pour tous les éléments principaux et les thèmes personnalisés .

Et, vous pouvez télécharger une copie du code source directement à partir de GitHub, qui comprend également un guide pour les débutants .