Homepage » Kit di strumenti » Wing - Minimalista CSS Framework Web Designer desidera

    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:

     
    1
    2
    3

    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.