Homepage » Kit di strumenti » 10 alternative leggere a Bootstrap e Foundation

    10 alternative leggere a Bootstrap e Foundation

    Scegliere la struttura giusta che è la soluzione perfetta per i tuoi progetti potrebbe essere un po 'opprimente - ci sono molto da scegliere. Forse, vuoi andare con scelte popolari come Bootstrap o Foundation, ma se il tuo sito web sarà abbastanza semplice, non avrai bisogno della maggior parte dei mattoni e dei materiali incluso nel pacchetto predefinito.

    La buona notizia è che ci sono una manciata di alternative che sono molto più snelle di Bootstrap o Foundation. La maggior parte di questi framework viene spedita con la giusta quantità di stili e componenti per aiutarti a iniziare, consentendoti di estenderli nella direzione che desideri per il tuo progetto.

    Ecco 10 alternative leggere a Bootstrap e Foundation che dovresti usare per costruzione di siti Web di minori dimensioni.

    Altro su Hongkiat.com:

    • Iniziare con Twitter Bootstrap
    • Utilizzando Bootstrap 3 con Sass
    • Bootstrap Tool: crea layout di bootstrap HTML
    • Lavorare con il plugin Bootstrap: finestra modale
    • Bootstrap Tool: crea Megamenu con YAMM3

    1. Scheletro

    Skeleton ha finalmente ottenuto un lifting. È un totale rinnovamento da zero, eppure è ancora leggero come un tempo. Il nuovo sistema di griglia Skeleton ora adotta la filosofia mobile-first, che assicura che il layout sia al centro dell'attenzione indipendentemente da quanto piccolo sia lo schermo del dispositivo.

    Tutti i componenti inclusi nella versione precedente - pulsanti, moduli e elementi di input - sono ancora presenti, ma ora vengono impostati gli stili di tipografia di base rem unità.

    2. CardinalCSS

    CardinalCSS è un framework CSS creato con particolare attenzione alle prestazioni, alla leggibilità e, soprattutto, alla manutenibilità. CardinalCSS adotta alcuni approcci moderni come il mobile-first per dare forma alla rete; e CSS Box Model che consente di determinare facilmente larghezza e altezza dell'elemento.

    CardinalCSS viene fornito con una manciata di classi helper che consentono di applicare rapidamente stili su un elemento, ad esempio, il capolettera che applica l'effetto capolettera per il primo carattere nel paragrafo.

    3. ConciseCSS

    ConciseCSS è un framework CSS - senza il gonfiore. Si tratta di una struttura snella costruita su Sass, LESS e Stylus che apre il suo percorso verso la manutenibilità dei CSS. Ma, se preferisci semplici semplici CSS, puoi averlo anche tu.

    Allo stesso modo, ConciseCSS viene fornito con stili di base per elementi essenziali come intestazioni, paragrafi, tabelle, moduli e una serie di classi helper per creare l'interfaccia utente pulsante..

    4. PowertoCSS

    PowertoCSS è leggero e un solido frontend framework. I nomi di classe utilizzati per creare la griglia e applicare gli stili sono semplici e facili da ricordare, ad es. .pulsante. Puoi anche aggiungere il tuo tema. Dirigiti al loro StarterKit per iniziare.

    5. Furtive

    Furtive è un framework CSS mobile-first costruito intorno agli standard web all'avanguardia come l'uso di Flexbox per la rete e rem unità per il dimensionamento degli elementi (inclusa la dimensione del carattere). Furtive conserva una piccola impronta CSS non supportando i browser più vecchi (* cough * Internet Explorer) in quanto richiedono l'hacking CSS. Quindi Furtive è una struttura perfetta se stai progettando un sito web per il futuro.

    6. BassCSS

    BassCSS offre un insieme leggero di stili di base, utilità, layout e stili di colore, in forma modulare per creare un'applicazione web reattiva. I file SCSS sono inclusi per personalizzare facilmente lo stile. Puoi giocare con la tipografia, lo spazio bianco, i punti di interruzione e gli elementi dell'interfaccia utente.

    7. Mueller

    Mueller è un sistema modulare a griglia reattiva costruito su Sass e Compass. Con Mueller, puoi costruire la griglia aggiungendo le classi direttamente agli elementi HTML, oppure se preferisci che i tuoi elementi HTML siano puliti e accurati, usando griglia() funzione. La griglia di Mueller può essere utilizzata in tandem con la libreria Javascript di Masonry per creare un layout simile a Pinterest.

    8. Tuktuk

    Tuktuk è un nome molto particolare per un quadro. Rispetto a Bootstrap o Foundation, Tuktuk è molto più leggero in quanto viene fornito con la giusta quantità di componenti per costruire un sito web presentabile incluso per il sistema di griglia, stile di base per la tipografia, tabelle e un paio di interfaccia utente come barra di navigazione e modali.

    9. Base

    Base è costruita su LESS e Sass, e include solo i componenti più essenziali per costruire siti web: la griglia e lo stile di base degli elementi HTML. Base non viene fornito con i componenti di Javascript, ma offre un'eccellente compatibilità con i browser, tanto che funziona anche con IE7.

    10. Pane tostato

    L'ultimo della nostra lista è Toast. Attraverso il foglio di stile SCSS è incluso nel pacchetto, Toast consente di configurare facilmente i nomi delle classi di griglia, la grondaia e anche la base della colonna. Ad esempio, se vuoi che la griglia sia una colonna 9-base anziché 12, puoi farlo. Toast è una struttura CSS minima con configurazioni molto flessibili pensate per soddisfare le tue esigenze.