Milligram.css - Libreria di frontend minimalista per sviluppatori

Da Bootstrap a Foundation non mancano le librerie CSS personalizzate. Ma cosa succede se hai bisogno di un'opzione molto semplice e leggera per i nuovi progetti web? Molte librerie CSS esistenti sono pesanti e piene di funzionalità eccessive .

Ma Milligram è un'alternativa super leggera per un totale di circa 8 KB in un file .css minificato . Può essere installato tramite Bower, NPM o download diretto ospitato localmente o tramite un CDN.

Di default la libreria è costruita su Normalize quindi dovrai includere anche questa libreria . Ma c'è una pratica guida introduttiva sulla homepage di Milligram che può aiutarti a muoverti velocemente.

Se lo provi, prova ad aggiungere i file direttamente da un CDN live invece di scaricarli localmente. In questo modo è possibile impostare un progetto di esempio su CodePen o su un altro IDE basato su cloud.

Inoltre la biblioteca utilizza il carattere gratuito di Roboto ospitato da Google per tutta la sua tipografia. Puoi usare Milligram senza Roboto ma non otterrai lo stesso design elegante di font.

La libreria Normalize extra e i font Google possono sembrare un peso. Ma possono essere tutti ospitati su CDN esterni, quindi non devi preoccuparti dei tempi di caricamento HTTP dal tuo server . E Milligram viene fornito con la formattazione predefinita per tutti gli elementi di base della pagina:

• Intestazioni e paragrafi
• Elenchi ordinati e non ordinati
• blockquotes
• tabelle
• Campi modulo
• Immagini con didascalie
• E un bel po 'di più!

Dai un'occhiata alla homepage di Milligram.css per trovare esempi di codice sorgente e per prendere i link CDN. È inoltre possibile vedere una demo di kitchen sink incorporata di seguito con tutti gli elementi di pagina Milligram personalizzati.