STEP 1 – Fondamenti di Web Design: HTML & CSS

 Teoria e struttura base

• HTML e CSS – W3Schools (ITA)
  
  

• HTML.it – Guida completa (ITA)
  
  

• Khan Academy – Introduzione a HTML/CSS (EN)
  
  

 Video introduttivi

• HTML e CSS da Zero – Lorenzo Fumagalli (ITA)
  
  

• Responsive Web Design Certification – freeCodeCamp (EN)
  
  

 STEP 2 – Design visivo: Layout, colori, tipografia

 Teoria del design web

• Design for the Web – Mozilla MDN (EN)
  
  

• Refactoring UI – Articoli & consigli (EN)
  
  

 Tool utili

• Coolors – Generatore di palette
  
  

• Fontpair – Abbinamento font Google
  
  

• Canva – Strumenti per mockup semplici
  
  

 STEP 3 – Layout avanzati & Responsive Design

 Grid e Flexbox

• CSS Grid – Guida completa (EN)
  
  

• Flexbox Froggy – Gioco per imparare Flexbox
  
  

 Responsive design

• Responsive Web Design – MDN (EN)
  
  

• Design Responsivo – YouTube (ITA)
  
  

 STEP 4 – UX/UI Design

 User Experience

• UX Design – Coursera (EN)
  
  

• La UX spiegata semplice – YouTube (ITA)
  
  

 User Interface

• UI Design Basics – Figma Learn (EN)
  
  

• Material Design Guidelines – Google (EN)
  
  

 STEP 5 – Strumenti professionali (Figma, Webflow, Adobe XD)

 Tool e prototipazione

• Figma – Introduzione rapida (EN)
  
  

• Webflow University (EN)
  
  

• Adobe XD – Tutorial ufficiali (EN)
  
  

 Corsi video

• Figma per principianti – YouTube (ITA)
  
  

• Webflow da zero – YouTube (ITA)
  
  

 STEP 6 – Accessibilità, performance e SEO base

 Accessibilità

• A11Y Basics – MDN (EN)
  
  

• Guida all'accessibilità web – AgID (ITA)
  
  

 Performance & SEO

• Guida SEO base – Moz (EN)
  
  

• PageSpeed Insights – Testa il tuo sito
  
  

 STEP 7 – Design system, animazioni, modern web

 Sistemi di design

• Design Systems – Alla base di ogni team serio (EN)
  
  

• IBM Carbon, Google Material, Atlassian, Shopify Polaris
  
  

 Animazioni e interazioni

• Animazioni CSS – Guida (EN)
  
  

• Framer Motion (React)
  
  

 STEP 8 – Esercitazioni, ispirazione e community

 Esercizi e challenges

• Frontend Mentor – Progetti con brief
  
  

• CSSBattle – Sfide CSS
  
  

• Daily UI Challenge – Prompt giornalieri
  
  

 Ispirazione e gallery

• Awwwards – Siti premiati
  
  

• Dribbble
  
  

• Behance – Web design
  
  

 Community

• r/web_design (EN)
  
  

• Designer Hangout – Slack UX/UI (EN)
  
  

• Forum HTML.it (ITA)