Se non scrivi tu stesso molti CSS, potresti pensare a CSS Grid come a quella cosa Rachel Andrew continua a twittare. Bene, è un tutto il nuovo sistema per il layout e Zurb sta seguendo la sua alimentazione. Così come la maggior parte dei venditori di browser.
Al momento della stesura di questo documento, la griglia CSS è supportata nei seguenti browser:
Giusto. Internet Explorer è arrivato prima. È sempre un po 'imbarazzante quando ciò accade. Comunque, queste informazioni provengono da Zurb stessi, che hanno annunciato l'inclusione di CSS Grid in Foundation nel loro ultimo post sul blog . Hanno tre motivi per il passaggio:
La Fondazione ha fatto il suo pane e burro stando di fronte alle tecnologie web emergenti e dando ai web designer un motivo per adottarli. Se si desidera il supporto del browser legacy a lungo termine, esistono altri framework per questo. Alla Fondazione piacciono le cose nuove, così come i suoi utenti.
Per loro, questo tipo di cambiamento abbastanza precoce è business as usual, piuttosto che un allontanamento radicale dalla norma.
In apparenza, sembra che Flexbox soddisfi le stesse esigenze di CSS Grid, e il supporto è già qui. Bene, non è così semplice.
Anche se Flexbox è stato sicuramente un miglioramento rispetto alla vecchia scuola di layout float-some-things-and-position-others, non è stato senza le sue peculiarità. Si presta più facilmente a consentire al contenuto di definire come viene visualizzato. Le persone sembrano concordare sul fatto che sia ottimo per disporre il contenuto all'interno degli elementi più piccoli di una pagina.
La griglia CSS sembra essere stata progettata pensando al layout di pagina più grande. Rende più facile creare, gestire e "responsificare" layout di grandi dimensioni con meno linee di CSS rispetto ad altre opzioni. Dato che i layout semplici sono una specie di affare della Fondazione, è logico che incorporino la griglia CSS.
Zurb e molti altri sembrano credere che l'intero concetto di "pagina" stia andando verso il dodo, almeno per i progettisti e gli sviluppatori. La griglia CSS sembra funzionare abbastanza bene con i sistemi modulari che trattano i layout come una raccolta di elementi riutilizzabili piuttosto che una singola pagina.
Questo modo di pensare è particolarmente apprezzato da sviluppatori e designer che lavorano su app o siti web di grandi dimensioni oltre i siti di brochure di cinque pagine. Questo include Zurb. Vai a capire.
È una cosa buona per il web des ... sì, non ho intenzione di finirlo. La griglia CSS sta decollando alla grande. La fondazione che adotta significa che è, per il prossimo futuro, praticamente ufficiale: la griglia CSS è una cosa . E hey, ci vorrebbe un po 'per abituarsi, ma mi piace.
Inoltre, Zurb non si ferma qui. L'adozione di CSS Grid ha portato Zurb ancora più in basso nel percorso del codice modulare. Hanno appena rilasciato un nuovo set di componenti dell'interfaccia utente precodificati che stanno chiamando Costruzioni . Gli elementi costitutivi non faranno parte del nucleo della Fondazione. Sono estensioni. Scaricali, inseriscili nel tuo progetto e vai.
Finora, sono costituiti da singoli elementi dell'interfaccia utente codificati da Zurb e da schemi di codice creati dalla comunità, in particolare per lavorare con Foundation. Poi ci sono serie di blocchi predefiniti chiamati kit, progettati per rendere più semplice la costruzione di un tipo specifico di sito. Esistono kit per siti di e-commerce, siti di portfolio, dashboard di amministrazione e altro ancora.
I lettori con memorie eidetiche possono ricordare che Rafi Benkual ha parlato di questo stesso concetto la nostra intervista con lui e Kevin Ball. Bene, l'hanno fatto. Sembra che Zurb sia determinato a rendere più facile per i progettisti concentrarsi sui problemi di UX e sull'estetica senza fare tutto il lavoro da soli. E spingere il web in avanti.
Posso andare dietro a quello.