Wing - Minimalista CSS Framework Web Designer desidera
L'ecosistema di frontend è pieno di quadri open source fatto per migliorare il tuo processo di sviluppo. Di solito, tutti vogliono qualcosa di diverso da queste strutture; alcune persone cercano estetica mentre altri vogliono velocità o usabilità.
Ala è un nuovo quadro e il migliore amico di un minimalista. Viene fornito con a impostazione della griglia predefinita, elementi personalizzati, e componenti che ammontano a 5 KB.
Forse la parte migliore di Wing è il auto-styling per elementi predefiniti. Se lasci il foglio di stile Wing CSS nel tuo progetto, noterai immediatamente le modifiche.
Testo, collegamenti e elementi di pagina predefiniti si modellano automaticamente basato sui disegni di Wing. Puoi anche aggiungi lezioni extra di tua scelta per aggiungere più estetica alla pagina.
L'ala viene spedita con a Sistema a griglia 960px usare un Struttura 12-col. Questa è una configurazione molto semplice e la griglia 960px è generalmente considerata troppo piccola per il pubblico di oggi. Ma se ti piacciono i siti più piccoli questa è una scelta eccellente.
http://usewing.ml/ è pazzo semplice e segue qualcosa del genere:
123
Puoi includere un copia completa di Wing dalla CDN di Unpkg. Mantiene i file aggiornati con la versione più recente, quindi non è necessario cambiare i nomi dei file. Appena aggiungi questo URL alla tua intestazione e avrai pieno accesso all'attuale quadro Wing.
In alternativa, puoi scaricare il pacchetto via npm o tira una copia della fonte direttamente da GitHub.
Paragonerei Wing a Normalize.css che è un framework CSS molto più piccolo, che è più simile a ripristinare la libreria. Ala in realtà viene fornito con stili predefiniti mentre Normalize.css reimposta gli elementi per funzionare allo stesso modo in tutti i browser.
La bellezza di entrambi è che tu hai pieno controllo a modificare, restyle, e riformattare la pagina comunque tu ritenga opportuno.
Tutta la documentazione e gli snippet di codice può essere trovato sulla homepage di Wing, quindi usa questa guida se non sei sicuro di come configurare il tuo sito.