La riproduzione carica il player incorporato di YouTube (modalità privacy avanzata).
Guida Completa al Web Design Responsive: Tutorial HTML & CSS
CanalefreeCodeCamp.orgCapitoli
Descrizione dell’autore
Ma questo corso di 4 ore è completamente autonomo. Parte spiegando i concetti fondamentali per iniziare a pensare in modo responsivo e poi ti accompagna passo dopo passo nella creazione di un sito web professionale e completamente responsive.
⭐️ Contenuti del corso ⭐️
⌨️ (00:00:00) Introduzione
⌨️ (00:02:59) 1. Come iniziare a pensare in modo responsivo
⌨️ (00:06:01) 2. Le unità di misura in CSS
⌨️ (00:09:16) 3. Le unità di misura in CSS - Percentuali
⌨️ (00:15:14) 4. Come controllare la larghezza delle immagini
⌨️ (00:20:05) 5. min-width e max-width
⌨️ (00:22:54) 6. Le unità di misura in CSS - L’unità em
⌨️ (00:28:25) 7. Il problema con gli em
⌨️ (00:30:58) 8. La soluzione: i rem
⌨️ (00:35:46) 9. Come scegliere quale unità usare
⌨️ (00:39:18) 10. Esempio pratico con em e rem
⌨️ (00:47:10) 11. Ripasso di Flexbox e impostazione dell’HTML
⌨️ (00:55:02) 12. Stili di base e impostazione delle colonne
⌨️ (01:02:09) 13. Aggiunta del colore di sfondo
⌨️ (01:06:21) 14. Impostazione della larghezza delle colonne
⌨️ (01:10:00) 15. Spaziatura tra le colonne
⌨️ (01:14:27) 16. Controllo della posizione verticale degli elementi Flex
⌨️ (01:19:42) 17. I Media Query di base
⌨️ (01:29:50) 18. Rendere il layout responsive con flex-direction
⌨️ (01:36:45) 19. Spiegazione di flex-direction
⌨️ (01:39:54) 20. Creazione di una navigazione
⌨️ (01:44:40) 21. Utilizzo di Flexbox per stilizzare la navigazione
⌨️ (01:52:19) 22. Migliorare l’aspetto della navigazione
⌨️ (01:59:38) 23. Aggiunta della linea sottostante
⌨️ (02:03:40) 24. Una navigazione più complessa
⌨️ (02:10:25) 25. Rendere la navigazione responsive
⌨️ (02:17:20) 26. Una prima occhiata al resto del...
⭐️ Contenuti del corso ⭐️
⌨️ (00:00:00) Introduzione
⌨️ (00:02:59) 1. Come iniziare a pensare in modo responsivo
⌨️ (00:06:01) 2. Le unità di misura in CSS
⌨️ (00:09:16) 3. Le unità di misura in CSS - Percentuali
⌨️ (00:15:14) 4. Come controllare la larghezza delle immagini
⌨️ (00:20:05) 5. min-width e max-width
⌨️ (00:22:54) 6. Le unità di misura in CSS - L’unità em
⌨️ (00:28:25) 7. Il problema con gli em
⌨️ (00:30:58) 8. La soluzione: i rem
⌨️ (00:35:46) 9. Come scegliere quale unità usare
⌨️ (00:39:18) 10. Esempio pratico con em e rem
⌨️ (00:47:10) 11. Ripasso di Flexbox e impostazione dell’HTML
⌨️ (00:55:02) 12. Stili di base e impostazione delle colonne
⌨️ (01:02:09) 13. Aggiunta del colore di sfondo
⌨️ (01:06:21) 14. Impostazione della larghezza delle colonne
⌨️ (01:10:00) 15. Spaziatura tra le colonne
⌨️ (01:14:27) 16. Controllo della posizione verticale degli elementi Flex
⌨️ (01:19:42) 17. I Media Query di base
⌨️ (01:29:50) 18. Rendere il layout responsive con flex-direction
⌨️ (01:36:45) 19. Spiegazione di flex-direction
⌨️ (01:39:54) 20. Creazione di una navigazione
⌨️ (01:44:40) 21. Utilizzo di Flexbox per stilizzare la navigazione
⌨️ (01:52:19) 22. Migliorare l’aspetto della navigazione
⌨️ (01:59:38) 23. Aggiunta della linea sottostante
⌨️ (02:03:40) 24. Una navigazione più complessa
⌨️ (02:10:25) 25. Rendere la navigazione responsive
⌨️ (02:17:20) 26. Una prima occhiata al resto del...
Informazioni su questo tutorial
freeCodeCamp.org ha pubblicato questo video tutorial di 4:11:04 il 5 novembre 2019. È stato visto 1.307.711 volte su YouTube.
- Canale
- freeCodeCamp.org
- Categoria
- Istruzione
- Durata
- 4:11:04
- Pubblicato
- 5 novembre 2019
- Visualizzazioni
- 1.307.711
- Mi piace
- 32.029
Condividi
Questo tutorial in altre lingue
- ENIntroduction To Responsive Web Design - HTML & CSS Tutorial
- FRIntroduction à Responsive Web Design - HTML & CSS Tutorial
- ESIntroducción a al diseño web - HTML y CSS Tutorial
- PTIntrodução Para Responsive Web Design - HTML & CSS Tutorial
- DEEinführung in Responsive Web Design - HTML & CSS Tutorial
- NLIntroduction To Responsive Web Design - HTML & CSS Tutorial
- RUВведение в Адаптивный веб-дизайн - HTML и CSS Учебник
- PLWprowadzenie do Responsive Web Design - HTML & CSS
- JAはじめに応答Webデザイン - HTML&CSSのチュートリアル
- ARمقدمة لتصميم الويب سريع الاستجابة - HTML و CSS دروس
- HIपरिचय करने के लिए उत्तरदायी वेब डिजाइन - HTML और सीएसएस ट्यूटोरियल
- IDPendahuluan Untuk Responsif Web Design - HTML & CSS Tutorial