Il layout griglia CSS è una bozza di lavoro W3C che definisce un potente sistema a griglia per rendere più semplice la disposizione delle pagine Web tramite CSS.
Nel nostro nuovo corso, 3 CSS Grid Projects per Web Designers, costruirai tre progetti per aiutarti a capire cosa sarà possibile con "Grid".
Con la guida completa di Envato Tuts + l'istruttore Craig Campbell, lavorerai attraverso tre progetti per aiutarti a padroneggiare il layout Grid CSS.
Il primo è il livello principianti e ti introdurrà ai concetti Grid. Il secondo prende le cose su un livello, esaminando cose come allineamento e nidificazione. Il progetto finale è ancora più avanzato, utilizzando Flexbox in combinazione con Grid. Seguire questi tre progetti fino al completamento ti porterà costantemente dal novizio della griglia a fidato utente della rete.
Ecco alcune lezioni gratuite da questo corso, come anteprima di ciò che puoi aspettarti:
Scopri come creare un semplice layout Grid con i CSS. Definiremo le nostre aree della griglia usando il grid-column
e grid-fila
proprietà.
Link correlati
A volte, potresti trovarti ad avere bisogno di un sistema di rete all'interno di un altro sistema di rete. In questo video del secondo progetto, creerai le griglie annidate utilizzando il modulo Layout griglia CSS.
Link correlati
Nel terzo progetto, le cose diventano più avanzate. In questo video tratto dalla sezione finale del corso, definirai la griglia principale per questo progetto.
Link correlati
Puoi prendere subito il nostro nuovo corso con un abbonamento a Envato Elements. Con una sola tariffa mensile bassa, puoi accedere non solo a questo corso, ma anche alla nostra libreria in crescita di oltre 1.000 corsi video e eBook leader del settore su Envato Tuts+.
Inoltre ora ottieni download illimitati dall'enorme libreria Envato Elements di oltre 200.000 foto e oltre 26.000 asset e modelli di design. Crea con caratteri, foto, grafica e modelli univoci e realizza progetti migliori più velocemente.
Vuoi ancora saperne di più? Abbiamo creato una guida completa per aiutarti a imparare i CSS online, sia che tu stia appena iniziando con le nozioni di base o se desideri esplorare CSS più avanzati. Dai un'occhiata Learn CSS: The Complete Guide.