Crea layout responsive minimalista con Mini.css

UN struttura di frontend dovrebbe essere Leggero e semplice da usare. Bootstrap è il più popolare, anche se è anche uno dei più pesanti. E, in un mondo con molte alternative a Bootstrap, può essere difficile trovare quello che ti piace.

Mini.css è un quadro più recente e vive davvero all'altezza del suo nome. Attualmente nella versione 2.x, questo framework vuole essere il più piccolo possibile, attualmente pesa solo 7KB quando gzip.

L'intero quadro è reattivo al cellulare e dovrebbe funzionare per qualsiasi layout di cui hai bisogno. Ma l'obiettivo è di mantenere la libreria snella offrendo gli elementi essenziali essenziali per il tuo lavoro.

Puoi installa Mini.css con qualsiasi sistema di gestione dei pacchetti come Yarn, npm o Bower. Può anche essere installato direttamente se scarichi i file da GitHub.

Una volta aggiunto alla tua pagina web, semplicemente segna il sito come al solito e tu lo farai effetti di notifica immediatamente.

Tipo, pulsanti, collegamenti, moduli, tabelle, tutti questi elementi predefiniti sono dotati di stili di base nella libreria Mini.css. Per impostare un layout reattivo, lo farai necessità di utilizzare il sistema di rete che non è troppo difficile da raccogliere.

Tutta la documentazione è scritto in semplice inglese, quindi è facile da capire. Inoltre, loro includere video screencast da Scrimba che rende più facile seguire gli esempi di codice.

Mentre approfondisci questa libreria, puoi dare un'occhiata le loro linee guida per la personalizzazione se vuoi aggiungere funzionalità o modificare quelle esistenti.

Oppure, se vuoi iniziare un progetto, dai un'occhiata a loro modelli predefiniti, pure. Questi lavorare su layout a colonne e aiuta a organizzare il tuo sito molto meglio.

Mi piace molto la libreria Mini.css perché sta lavorando per creare una risorsa front-end che sia sia piccolo che applicabile a ogni progetto. Sicuramente vale la pena provare sul tuo prossimo progetto se vuoi qualcosa di leggero e facile da imparare.