Un corso che esplora tutti gli aspetti del design reattivo. Scopri come realizzare siti dall'aspetto accattivante e che funzionino bene per tutti.
Questo corso ti porterà in un viaggio attraverso le molte sfaccettature del moderno Responsive Web Design. I primi moduli ti aiuteranno a illustrare l'origine del design reattivo, oltre a illustrare le nozioni di base dei layout reattivi. Dopodiché, scoprirai immagini adattabili, tipografia, accessibilità e altro ancora.
Durante il percorso scoprirai come rendere i siti web adattabili alle preferenze degli utenti e alle funzionalità dei dispositivi. Alla fine capirai anche cosa può riservare il futuro del Responsive Web Design.
Ogni modulo include demo e autovalutazioni che ti consentono di verificare le tue conoscenze.
Questo corso è stato creato per designer e sviluppatori di livello principiante e intermedio. Dovrebbe essere sufficiente una conoscenza di base di HTML e CSS. Non è necessario conoscere JavaScript. Se non hai mai creato siti web, sono disponibili un'introduzione al codice HTML e un altro corso per imparare a CSS.
Ecco cosa imparerai:
Introduzione
Scopri l'origine del reattivo design.
Query supporti
Adatta i tuoi progetti a diverse dimensioni dello schermo utilizzando query supporti CSS.
Internazionalizzazione
Prepara i tuoi progetti per le diverse lingue e modalità di scrittura.
Layout delle macro
Progetta i layout delle pagine utilizzando una serie di tecniche CSS.
Micro layout
Crea componenti flessibili che possono essere posizionati ovunque.
Tipografia
Fai in modo che il testo sia leggibile e accattivante, indipendentemente da dove appare.
Immagini adattabili
Offri ai visitatori le immagini più appropriate per i loro dispositivi e schermi.
L'elemento immagine
Esercita un maggiore controllo creativo sulle tue immagini.
Icone
Utilizza il formato SVG per un'iconografia adattabile scalabile.
Temi
Adatta i tuoi design in base alle preferenze dell'utente, ad esempio la modalità Buio.
Accessibilità
Assicurati che il tuo sito web sia disponibile per tutti.
Interazione
Prepara le pagine per diversi meccanismi di input: mouse, tastiera e tocco.
Pattern dell'interfaccia utente
Prendi in considerazione alcuni elementi comuni dell'interfaccia utente che si adattano alle diverse dimensioni dello schermo.
Funzionalità multimediali
Un riepilogo di tutti i modi in cui le funzionalità multimediali ti consentono di rispondere ai dispositivi e alle preferenze.
Configurazioni schermo
Preparare i contenuti per i dispositivi con più schermi.
Conclusione e passaggi successivi
Ulteriori risorse per aiutarti a intraprendere i prossimi passi.
Quindi, tutto è pronto per iniziare a imparare il reattivo design?