Guida ai corsi online di web design

Primi passi

Corsi pensati per chi parte da zero: spiegano il lessico, gli strumenti e le procedure fondamentali con esempi semplici.

1. Corso di Grid-Based Design Systems

   Costruirai sistemi di griglie personalizzati per layout coerenti e professionalmente bilanciati.

   4.3 88 paginePrincipiante

2. Come creare map markers e location indicators

   Sviluppi pin mappa personalizzati, tooltip location e indicatori geografici interattivi.

   4.4 119 paginePrincipiante

3. Web Design per Portali e Community Online

   Realizzerai interfacce per forum, social network e piattaforme collaborative con focus su engagement.

   4.8 97 paginePrincipiante

4. Creare Notification Systems per Web App

   Progetterai toast, alert e sistemi di notifica non invasivi per feedback in tempo reale.

   4.4 43 paginePrincipiante

5. Impara a progettare user profile cards moderne

   Crei card profilo utente con avatar, stats, badge e azioni follow/message.

   4.5 104 paginePrincipiante

6. Web design per photography e visual artists

   Progetti siti fotografici con gallery fullscreen, slideshow e protezione immagini.

   4.6 91 paginePrincipiante

Quando hai già le basi

Una volta acquisite le basi, questi manuali aggiungono metodo, casi pratici e varianti per ottenere risultati più solidi.

1. Guida Pratica ai Web Design Frameworks

   Confronterai e userai framework popolari come Foundation, Bulma e Materialize per progetti rapidi.

   4.8 55 pagineIntermedio

2. Impara a progettare comment sections e discussions

   Crei sezioni commenti thread, risposte nidificate e interazioni sociali funzionali.

   4.8 81 pagineIntermedio

3. Come Progettare Call-to-Action Irresistibili

   Creerai bottoni e CTA che attirano l'attenzione e massimizzano click e conversioni con design persuasivo.

   4.9 116 pagineIntermedio

4. Laboratorio di Design System per il Web

   Costruirai un design system coerente con componenti riutilizzabili per progetti web scalabili.

   4.6 40 pagineIntermedio

5. Impara a creare accordion e collapsible sections

   Svilupperai pannelli espandibili accessibili per organizzare contenuti lunghi in modo pulito e navigabile.

   4.9 67 pagineIntermedio

6. Da Mockup a Codice HTML/CSS Funzionante

   Trasformerai design grafici in pagine web pixel-perfect usando tecniche di hand-coding professionali.

   4.7 101 pagineIntermedio

Livello avanzato

Per chi ha già esperienza: approfondimenti tecnici, ottimizzazione e progetti completi.

1. Guida pratica al CSS subgrid per nesting avanzato

   Implementi griglie nidificate che ereditano track parent per allineamenti perfetti.

   4.5 86 pagineAvanzato

2. Corso intensivo di Figma to Code workflow

   Trasformerai design da Figma in HTML e CSS ottimizzato seguendo best practices professionali di handoff.

   4.8 72 pagineAvanzato

3. Masterclass in CSS custom checkboxes e radio buttons

   Personalizzi controlli form mantenendo accessibilità e funzionalità nativa completa.

   4.7 80 pagineAvanzato

4. Guida al design di stepped process e wizard forms

   Crei form multi-step con progress indicator e navigazione intuitiva per flussi complessi.

   4.9 61 pagineAvanzato

5. Design di Hero Section ad Alto Impatto

   Progetterai sezioni hero memorabili con call-to-action efficaci che catturano l'attenzione dei visitatori.

   4.8 46 pagineAvanzato

6. Masterclass in CSS custom cursors interattivi

   Personalizzerai i cursori del mouse creando esperienze interattive memorabili per siti creativi e portfolio.

   4.8 78 pagineAvanzato

Altri corsi molto letti

• Animazioni Web

  Scopri i segreti di animazioni web con un approccio umano e coinvolgente, pensato per farti applicare subito ciò che leggi.

  4.7 88 paginePrincipiante

• Masterclass in CSS backdrop-filter per blur effects

  Applichi sfocare e filtri allo sfondo per effetti glassmorphism e overlay moderni.

  4.7 71 pagineAvanzato

• Guida al Responsive Images e Picture Element

  Implementerai immagini adattive con srcset, sizes e picture per performance e qualità ottimali.

  4.4 55 pagineTutti i livelli

• Laboratorio di CSS border e outline creativi

  Esplori bordi multipli, outline offset, border-image per decorazioni originali.

  4.6 93 paginePrincipiante

• Come creare illustration animate con SVG inline

  Integri e animi illustrazioni SVG direttamente nel codice per siti web unici e performanti.

  4.8 41 pagineTutti i livelli

• Laboratorio di ribbon e banner decorativi CSS

  Crei nastri, badge angolari e banner promozionali con CSS puro senza immagini.

  4.3 84 pagineTutti i livelli

• Impara a progettare tabs e accordions accessibili

  Sviluppi componenti di navigazione a schede e fisarmoniche seguendo standard WCAG 2.1.

  4.9 102 pagineTutti i livelli

• Creare Header Animati con Effetti Visivi

  Realizzerai intestazioni dinamiche con animazioni SVG, particelle e effetti che catturano l'attenzione.

  4.8 82 paginePrincipiante

• Creare Pricing Table che Vendono

  Realizzerai tabelle prezzi chiare, comparative e persuasive che facilitano le decisioni di acquisto.

  4.8 104 pagineTutti i livelli

• Impara a Usare Custom Properties CSS

  Gestirai variabili CSS native per temi dinamici, manutenibilità e personalizzazioni real-time.

  4.5 62 pagineTutti i livelli

Domande frequenti