Créer des mises en page réactives minimalistes avec Mini.css

UNE cadre frontal devrait être léger et facile à utiliser. Le bootstrap est le plus populaire, bien qu’il soit aussi l’un des plus lourds. Et, dans un monde avec de nombreuses alternatives à Bootstrap, il peut être difficile de trouver celle que vous aimez..

Mini.css est un cadre plus récent et il porte vraiment son nom. Actuellement en version 2.x, ce framework a pour objectif d'être aussi petit que possible, ne pèse actuellement que 7 Ko lorsque gzippé.

Le cadre entier est mobile responsive et devrait fonctionner pour toute mise en page dont vous avez besoin. Mais le but est de garder cette bibliothèque mince offrant l'essentiel pour votre travail.

Vous pouvez installer Mini.css avec n'importe quel système de gestion de paquets tels que Yarn, npm ou Bower. Il peut aussi être installé directement si vous téléchargez les fichiers depuis GitHub.

Une fois ajouté à votre page Web, il vous suffit de marquer le site comme d'habitude et vous remarquer les effets immédiatement.

Type, boutons, liens, formulaires, tableaux, tous ces éléments par défaut sont fournis avec les styles de base de la bibliothèque Mini.css. Pour configurer une mise en page réactive, vous allez besoin d'utiliser le système de grille qui n'est pas trop difficile à prendre.

Toute la documentation est écrit en anglais simple, donc c'est facile à comprendre. De plus, ils inclure des vidéos de screencast de Scrimba ce qui le rend plus facile à suivre avec des exemples de code.

Au fur et à mesure que vous pénétrez dans cette bibliothèque, vous pouvez vérifier leurs lignes directrices pour la personnalisation si vous voulez ajouter des fonctionnalités ou modifier des fonctionnalités existantes.

Ou, si vous souhaitez démarrer un projet rapidement, consultez leur modèles par défaut, aussi. Celles-ci travailler sur des mises en colonnes et aidez à organiser votre site beaucoup mieux.

J'aime vraiment la bibliothèque Mini.css parce qu'il fonctionne pour créer une ressource frontale qui est à la fois petit et applicable à chaque projet. Cela vaut vraiment la peine d’être testé sur votre prochain projet si vous voulez quelque chose de léger et facile à ramasser.