Le basi del Responsive Web Design
  • Introduzione al Corso
  • Tools utili
  • Il meta tag viewport
  • Contenuti flessibili
  • Grid
  • Media Queries - Prima parte
  • Media Queries - Esercizi
  • Conoscere ed utilizzare le misure relative
  • Introduzione a Flexbox
  • Grid con Flexbox
  • Layout Holy Grail con Flexbox
  • Cosa sai del Responsive Web Design?
Il nostro primo layout responsivo
  • Presentazione del progetto
  • Configurazione del progetto
  • Integrazione di Google Fonts e di Font Awesome
  • Compilazione della Header - Prima Parte
  • Compilazione della header con la barra di navigazione
  • Compilazione di un menu responsivo
  • Personalizzazione di header e menu
  • Gli altri contenuti del layout - Prima Parte
  • Gli altri contenuti del layout - Seconda Parte
  • Personalizzazione dei contenuti
  • Aggiungere altri plugins JS al progetto
  • Media Queries e conclusione del progetto
  • Layout responsivo
Panoramica dei più comuni framework ed esercizi con w3.css
  • Panoramica dei più comuni framework - Prima Parte
  • Panoramica dei più comuni framework - Seconda Parte
  • Conoscere Foundation
  • Introduzione a w3.css
  • Presentazione del progetto
  • Codifica del nostro progetto
  • Immagine in parallasse
  • Area CHI SONO
  • Area Portfolio e Gallery
  • Area Social
  • Area contatti
  • Conclusione e customizzazione finale del progetto
  • Progettare un layout responsivo con w3.css
Conosciamo Bootstrap
  • Introduzione a Bootstrap
  • Integrazione di Bootstrap nei nostri progetti
  • Il grid system di Bootstrap
  • Colonne con offset
  • Colonne con push and pull
  • Barra di navigazione orizzontale
  • Personalizzare la barra di navigazione
  • Personalizzare la barra di navigazione - Seconda Parte
  • Menu Dropdown
  • Lezione bonus: Menu Off Canvas
  • Panoramica sulle Helper Classes di Bootstrap
  • Tabelle e form
  • Accordion con Bootstrap
  • Progettare una landing page con Bootstrap - Prima Parte
  • Progettare una landing page con Bootstrap - Seconda Parte
  • Conosci Twitter Bootstrap?
Template Responsivo con Bootstrap
  • Presentazione del progetto
  • Configurazione del progetto
  • Compilazione della barra di navigazione
  • Immagine cover nel jumbotron
  • Il componente thumbnail
  • Componenti well e panel
  • Un carousel con Bootstrap
  • Sezione social
  • Sezione Team
  • Area contatti
  • Footer
  • Modal con Bootstrap
  • Customizzazione del progetto - Prima Parte
  • Customizzazione del progetto - Seconda Parte
  • Customizzazione del progetto - Terza Parte
  • Conclusione del progetto
  • Un progetto con Bootstrap
Verso Bootstrap 4
  • Uno sguardo alla nuova versione di Bootstrap
  • Esercizio con il nuovo componente Card
  • Esercizio con il nuovo componente Card - Altre opzioni
  • Conclusione e ringraziamenti