Milligram.css - Bibliothèque frontale minimaliste pour les développeurs

De Bootstrap à la Fondation ne manquent pas de bibliothèques CSS personnalisées. Mais que faire si vous avez besoin d'une option légère très simple pour les nouveaux projets web? De nombreuses bibliothèques CSS existantes sont lourdes et débordant de fonctionnalités excessives .

Mais Milligram est une alternative super légère totalisant environ 8 Ko dans un fichier .css minifié . Il peut être installé via Bower, NPM, ou téléchargement direct hébergé localement ou via un CDN.

Par défaut, la bibliothèque est construite sur Normalize, vous devrez donc également inclure cette bibliothèque . Mais il y a un guide de démarrage pratique sur la page d'accueil de Milligram qui peut vous aider à vous déplacer rapidement.

Si vous ne faites que le tester, essayez d'ajouter les fichiers directement à partir d'un CDN en direct au lieu de les télécharger localement. De cette façon, vous pouvez configurer un exemple de projet sur CodePen ou un autre IDE basé sur le cloud.

La bibliothèque utilise également la police Roboto gratuite hébergée par Google pour toute sa typographie. Vous pouvez utiliser Milligram sans Roboto mais vous n'obtiendrez pas les mêmes conceptions de police lisses.

La bibliothèque Extra Normalize & Google Font peut vous sembler un fardeau. Mais ils peuvent tous être hébergés sur des CDN externes, vous n'avez donc pas besoin de vous soucier des temps de chargement HTTP de votre serveur . Et Milligram est livré avec un formatage par défaut pour tous les éléments de la page de base:

• En-têtes et paragraphes
• Listes commandées et non ordonnées
• Bloc-notes
• les tables
• Champs de formulaire
• Images avec légendes
• Et un peu plus!

Jetez un coup d'œil à la page d'accueil Milligram.css pour trouver des exemples de code source et pour récupérer les liens CDN. Vous pouvez également voir une démo d'évier de cuisine ci-dessous comportant tous les éléments faits sur commande de page de Milligram.