La riproduzione carica il player incorporato di YouTube (modalità privacy avanzata).
Crea un sito web responsivo con animazioni | Tutorial HTML5 e CSS3
CanaleJulio CodesDescrizione dell’autore
In questo tutorial video impareremo a costruire un sito web completamente responsivo, partendo da zero, utilizzando HTML5, CSS3 e un po’ di JavaScript puro. Scopriremo come applicare animazioni con keyframes ed effetti al passaggio del mouse, oltre a un nuovo strumento per animare al scroll: Scroll Reveal. Infine, renderemo il design adattivo grazie alle *media queries*! Il tema WordPress *Rosa* è un template premium che puoi acquistare. Trovi i link sotto.
Non dimenticare di mettere un pollice in su se hai trovato il video utile! Inoltre, clicca sull’icona della campanella per attivare le notifiche. Così sarai avvisato non appena caricherò nuovi video.
*Design e immagini utilizzati solo a scopo didattico*
[ FILE DEL PROGETTO ]
[ SOCIAL MEDIA ]
[ HOSTGATOR ]
[ IL MIO MATERIALE ]
Specifiche e accessori del laptop per programmazione/editing video
Laptop: Dell XPS 15 7590
Processore: Intel Core i7-9750H (9ª generazione)
RAM: 32GB (aggiornato)
Scheda grafica: Nvidia GeForce GTX 1650 4GB GDDR5
Memoria: SSD NVMe PCIe M.2 da 500GB (aggiornato)
--- Accessori ---
Monitor: Dell Ultrasharp 27"
Tastiera: Logitech MX Keys
Topo: Logitech MX Master 3
Microfono: Blue Yeti
Per velocizzare lo sviluppo, in questo tutorial non vengono usati i prefissi CSS. Per garantire la compatibilità multi-browser, ti consiglio di aggiungerli dove necessario.
Non dimenticare di mettere un pollice in su se hai trovato il video utile! Inoltre, clicca sull’icona della campanella per attivare le notifiche. Così sarai avvisato non appena caricherò nuovi video.
*Design e immagini utilizzati solo a scopo didattico*
[ FILE DEL PROGETTO ]
[ SOCIAL MEDIA ]
[ HOSTGATOR ]
[ IL MIO MATERIALE ]
Specifiche e accessori del laptop per programmazione/editing video
Laptop: Dell XPS 15 7590
Processore: Intel Core i7-9750H (9ª generazione)
RAM: 32GB (aggiornato)
Scheda grafica: Nvidia GeForce GTX 1650 4GB GDDR5
Memoria: SSD NVMe PCIe M.2 da 500GB (aggiornato)
--- Accessori ---
Monitor: Dell Ultrasharp 27"
Tastiera: Logitech MX Keys
Topo: Logitech MX Master 3
Microfono: Blue Yeti
Per velocizzare lo sviluppo, in questo tutorial non vengono usati i prefissi CSS. Per garantire la compatibilità multi-browser, ti consiglio di aggiungerli dove necessario.
Informazioni su questo tutorial
Julio Codes ha pubblicato questo video tutorial di 2:30:43 il 5 gennaio 2020. È stato visto 317.405 volte su YouTube.
- Canale
- Julio Codes
- Categoria
- Istruzione
- Durata
- 2:30:43
- Pubblicato
- 5 gennaio 2020
- Visualizzazioni
- 317.405
- Mi piace
- 11.951
Condividi
Questo tutorial in altre lingue
- ENBuild a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
- FRConstruire un site web réactif avec des animations | HTML 5 et CSS 3 Tutoriel
- ESConstruir un sitio web sensible que proporciona un Animaciones | HTML 5 y CSS 3 Tutorial
- PTConstruir um site Responsive com animações | HTML 5 e CSS 3 Tutorial
- DEErstellen Sie eine Responsive-Website mit Animationen | HTML 5 und CSS 3 Tutorial
- NLBouw een Responsive website met animaties | HTML 5 en CSS 3 Tutorial
- RUСоздание Отзывчивый веб-сайт с анимацией | HTML 5 и CSS 3 Учебное пособие
- PLBudowanie elastycznej witryny animacje | HTML 5 i CSS 3 Tutorial
- JAアニメーションと応答ウェブサイトを構築します| HTML 5やCSS 3のチュートリアル
- ARبناء مجيب الموقع مع صور متحركة | HTML 5 و CSS 3 دروس
- HIएनिमेशन के साथ एक उत्तरदायी वेबसाइट का निर्माण | एचटीएमएल 5 और सीएसएस 3 ट्यूटोरियल
- IDMembangun Website Responsif dengan Animasi | HTML 5 dan CSS 3 Tutorial