giansake / css-display-e-position Goto Github PK

In questa repository trovate l'esercitazione che abbiamo iniziato in classe per approfondire le seguenti proprietà CSS fondamentali:

• display: flex
• display: grid
• position: relative
• position: absolute

La repository contiene un file index.html e un file style.css che contengono il codice HTML e CSS che abbiamo scritto insieme. L'altro file css reset.css contiene il codice CSS di reset che abbiamo copiato da Josh Comeau. Josh Comeau CSS reset

Lo screenshot _visualizzazione.png mostra come dovrebbe essere la visualizzazione del sito al commit attuale.

• Figma mock-up per l'esercitazione

• Learn CSS

• Selettori CSS: tag, classe, id

• Specificità come strategia per scrivere CSS robusto

• CSS Tricks - Grid

• CSS Tricks - Flexbox

• Guida interattiva alle Flexbox

• CSS Tricks - Position

Vi lascio qui qualche link per divertirvi con le proprietà di CSS che non abbiamo ancora visto in classe ma che potete comunque provare a sperimentare.

Questa è una collezione di generatori di codice CSS. Tramite interfaccia potrete stilizzare un elemento e ottenere il codice CSS che lo descrive. CSS Generator

Altri generatori interessanti:

• Neumorfismo Un trend di design che sta prendendo piede negli ultimi tempi. Considerato l'evoluzione dello Scheumorfismo che è stato molto usato negli anni 2000, specialmente da Apple.

• CSS Gradient

• CSS Gradient Generator - Josh Comeau Il nostro collega Josh Comeau ha creato un generatore di gradienti CSS che compensa un problema che le sfumature hanno in CSS: un punto di grigio nel centro. Qui potete leggere il suo articolo riguardo questo problema: CSS Gradients: The Missing Piece