Un framework CSS prefabbricato può essere di grande aiuto o di grave ostacolo. Questo articolo fornirà una copertura adeguata a entrambi i lati della barriera osservando gli argomenti comuni a favore e contro l'utilizzo di un framework CSS.
Cos'è un Framework CSS?
I framework CSS hanno lo scopo di velocizzare e semplificare lo sviluppo di siti Web complessi. Per ottenere questo risultato, i framework CSS contengono librerie di codice predefinite che contengono un sacco di opzioni da utilizzare nel codice HTML. Ad esempio, i framework basati su griglia di solito contengono diverse classi con un numero prefissato di pixel per facilitare la creazione di layout a più colonne.
5 popolari CSS Framework
Ecco una breve lista di framework CSS popolari insieme a brevi descrizioni direttamente dalla fonte.
CSS di Blueprint
? Blueprint è un framework CSS, che mira a ridurre il tempo di sviluppo. Ti dà una solida base per costruire il tuo progetto in cima, con una griglia facile da usare, tipografia sensibile, plugin utili e persino un foglio di stile per la stampa.
Elementi
? Gli elementi sono una struttura di base CSS. È stato progettato per aiutare i designer a scrivere CSS in modo più rapido ed efficiente. Gli elementi vanno oltre il semplice essere un framework, è il proprio workflow del progetto. Ha tutto ciò che serve per completare il progetto, il che rende felici sia voi che i vostri clienti. Leggi la panoramica per maggiori informazioni.
YUI 2: Grids CSS
Il CSS di base di YUI Grids offre quattro larghezze di pagina preimpostate, sei modelli preimpostati e la possibilità di raggruppare e nidificare regioni suddivise di due, tre o quattro colonne. Il file 4kb fornisce oltre 1000 combinazioni di layout di pagina.
CSS logico
? Il framework CSS della logica è una raccolta di file CSS e un set di strumenti progettato per ridurre i tempi di sviluppo per i layout e i modelli Web conformi agli standard Web? ?
CSS elastico
? Un semplice framework css per il layout di interfacce basate sul web, basato sulle tecniche di layout stampate di 4 colonne ma con capacità di combinazioni illimitate di colonne. e capacità di rendere facilmente la disposizione elastica, fissa e liquida.
Professionisti
Se utilizzati correttamente, i framework possono essere estremamente utili per semplificare il processo di layout. Ecco alcuni dei maggiori vantaggi.
Funzionalità cross-browser
Questo è uno dei più grandi punti di vendita nel mio libro. La codifica di layout complessi che rimangono coerenti tra i browser può essere un incubo. La maggior parte dei framework CSS fa il lavoro più pesante per te, quindi i tuoi contenuti vengono visualizzati esattamente allo stesso modo, indipendentemente da chi li stia visualizzando.
Sviluppo veloce
Se si costruiscono molti siti Web, un buon framework CSS può aiutarti a creare un flusso di lavoro plug and play che elimina le attività ripetitive (come le reimpostazioni manuali) che si verificano ogni volta che si inizia a configurare un sito. Molti framework includono anche pulsanti, testo, ecc. Pre-impostati che possono essere un grande risparmio di tempo nella parte creativa.
Consistenza
I framework CSS offrono un set standard di selettori che puoi utilizzare in tutti i siti che crei, obbligandoti a coerenza nella codifica. Questo significa che quando torni indietro e guardi un sito che hai creato un anno fa, ha senso per te come se lo avessi scritto ieri.
Layout puliti e simmetrici
Se sei come me, sei incline a guardare le tue proporzioni e chiamarlo bello. Molti framework CSS ti mettono a punto su un sistema rigoroso basato su una griglia che garantisce che i tuoi layout raggiungano la simmetria perfetta dei pixel senza complicate misurazioni.
Contro
Ora che ci siamo vantati dei vantaggi dei framework CSS, diamo un'occhiata al lato negativo. Tieni presente che non si tratta necessariamente di problemi minori, ma di importanti ostacoli che impediscono a molti sviluppatori di allontanarsi completamente dagli schemi.
Codice extra
Mi piace che il mio codice sia chiaro e conciso senza ridondanze o sezioni inutilizzate. Con i framework CSS, questo esce dalla finestra. Anche se la tua struttura preferita offre codice ben scritto, è probabile che non ne utilizzerai la metà su un determinato sito. Questo perché i framework includono intenzionalmente un sacco di codice per più scenari di layout. Scegli e scegli i selettori che desideri utilizzare e gli altri rimangono inutilizzati. Concedilo, puoi setacciare tutto il codice ed eliminare tutto ciò che non stai usando, ma ciò può richiedere tempo e quindi uccidere l'aspetto di sviluppo rapido.
Mancanza di libertà
L'utilizzo di un framework CSS può facilmente bloccarti in un modo molto stretto di fare le cose. Non fraintendetemi, la struttura è una necessità, ma esplorare creativamente nuove strutture e modi di fare le cose è un ottimo esercizio per gli sviluppatori che ci aiuta a imparare. Questo processo può essere inibito da una struttura rigida che ti fa prendere l'abitudine di trasformare il lato creativo del tuo cervello e andare per quantità rispetto alla qualità. Ci sarà sempre un posto per le strutture di progettazione organica che si allontanano dalla norma e infiammano la propria scia di usabilità.
Cambiamenti semantici forzati
Se sei uno sviluppatore esperto, probabilmente hai molti elementi e selettori HTML e CSS preferiti. L'utilizzo di un framework CSS ti obbliga ad adottare un nuovo sistema che può risultare scomodo all'inizio. La curva di apprendimento non è troppo ripida, ma può essere fastidiosa se sei impostato nei tuoi modi.
Pensieri di chiusura
Come puoi vedere ci sono molti argomenti validi in entrambi i casi. Dipende davvero dal tuo flusso di lavoro personale e dalle tue preferenze. Facci sapere cosa pensi dei framework CSS e quali usi.
Personalmente, mi piace ancora molto codificare da zero (o almeno dal mio precedente lavoro). Non puoi battere il senso del risultato quando costruisci un sito da zero. Tuttavia, la ricerca di questo articolo mi ha ispirato a sperimentare un paio di quadri. Sembrano tutti un po 'pesanti sul codice inutilizzato, quindi alla fine potrei finire per creare il mio framework personalizzato che si adatta alle mie esigenze un po' meglio.