milligram css

Milligram.css – Libreria di frontend minimalista

Tempo di lettura: < 1 minuto

Da Bootstrap a Foundation non mancano le librerie CSS personalizzate. E se fosse necessaria un’opzione leggera molto semplice per i nuovi progetti Web? Molte librerie CSS esistenti sono pesanti e piene di funzionalità eccessive.

Ma Milligram è un’alternativa super leggera che ammonta a circa 8 KB in un file .css minimizzato . Può essere installato tramite Bower, NPM o download diretto ospitato localmente o tramite CDN.

Per impostazione predefinita, la libreria è basata su Normalize, quindi è necessario includere anche questa libreria . Ma sulla home page di Milligram è disponibile una pratica guida introduttiva che può aiutarti a muoverti rapidamente.

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

Inoltre la biblioteca utilizza il font Roboto gratuito ospitato da Google per tutta la sua tipografia. Puoi usare Milligram senza Roboto ma non otterrai gli stessi eleganti design dei caratteri.

La libreria Normalizza aggiuntiva e Google Font 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 po ‘di più!

Dai un’occhiata alla homepage di Milligram.css per trovare esempi di codice sorgente e prendere i collegamenti CDN.