Concetti chiave
Elementi di design
Layout
Responsive Design
Conclusione ed esercizi
Media Query: tutto ciò che devi sapere
- L’episodio 26 del corso CSS3 tratta delle media query, spiegando come utilizzarle per adattare il design di una pagina web a diverse condizioni come larghezza, altezza, e orientamento del dispositivo.
- Vengono illustrati i vari tipi di media query (screen, print, all) e come utilizzarle per cambiare regole CSS in base a specifici parametri come max-width e orientation.
- L’autore spiega l’utilizzo di “and”, “or”, e “not” per concatenare o escludere condizioni nelle media query e mostra esempi pratici di come funzionano.
- Viene discusso il concetto di breakpoint, suggerendo di scegliere pochi breakpoint rilevanti basati sulle risoluzioni dei dispositivi più comuni.
- Infine, si evidenzia che con tecniche moderne come Flexbox e Grid, le media query possono essere meno necessarie, ma rimangono uno strumento importante da conoscere.