Milligram.css - Minimalistische Frontend-bibliotheek voor ontwikkelaars

Van Bootstrap tot Foundation is er geen tekort aan aangepaste CSS-bibliotheken. Maar wat als u een heel eenvoudige lichtgewichtoptie nodig heeft voor nieuwe webprojecten? Veel bestaande CSS-bibliotheken zijn zwaar en boordevol overdadige functies.

Maar Milligram is een superlichtgewicht alternatief van in totaal ongeveer 8 KB in een verkleind CSS-bestand. Het kan worden geïnstalleerd via Bower, NPM of directe download die lokaal of via een CDN wordt gehost.

Standaard is de bibliotheek gebouwd op Normalize dus u moet deze bibliotheek ook opnemen. Maar er is een handige handleiding 'Aan de slag' op de Milligram-startpagina die u kan helpen snel in beweging te komen.

Als je het maar eens uittest probeer de bestanden rechtstreeks van een live CDN toe te voegen in plaats van ze lokaal te downloaden. Op deze manier kunt u een voorbeeldproject opzetten op CodePen of een andere cloud-gebaseerde IDE.

Ook gebruikt de bibliotheek het gratis Roboto-lettertype dat door Google wordt gehost voor al zijn typografie. U kunt Milligram zonder Roboto gebruiken, maar u krijgt niet dezelfde gestroomlijnde letterontwerpen.

De extra bibliotheek Normalize & Google Font kan als een last voelen. Maar dat kunnen ze allemaal zijn gehost op externe CDN's dus jij U hoeft zich geen zorgen te maken over HTTP-laadtijden van uw server. En Milligram wordt geleverd met standaardopmaak voor alle basispagina-elementen:

Headers & paragraph
Bestelde en ongeordende lijsten
Blok citaten
tabellen
Formuliervelden
Afbeeldingen met bijschriften
En nog veel meer!

Neem een kijkje op de Milligram.css-startpagina om broncodemonsters te vinden en de CDN-koppelingen te bekijken. Je kunt ook een Demo Demo-demo bekijken die hieronder is ingesloten en alle op maat gemaakte Milligram-pagina-elementen bevat.