Luca Perullo

Curriculum / base

Il tuo portfolio personale (con dark mode!)

Costruisci un portfolio che spicca: navigation sticky, gallery con CSS Grid, e dark mode senza una riga di JavaScript

Un portfolio professionale che potresti usare davvero per cercare lavoro come designer o developer. 9 lezioni che insegnano tecniche moderne (Grid, sticky positioning, media query, :has()) costruendo passo per passo il sito di Anna Conte, designer freelance. La mossa finale — dark mode CSS-only — è il tipo di trucco che fa pensare 'questo sa quello che fa'.

Inizia adesso40 min · 9 lezioni

Struttura del portfolio01

Skeleton semantico (header con nav, sezioni about/projects/contact, footer) e font moderno.

  1. 01Lo scheletro completo del portfolio2 min
  2. 02Font moderno + reset di base2 min
  3. 03Sticky nav con effetto vetro2 min
  4. 04Hero con foto e bio breve2 min

Hero personale + about02

Sticky nav con backdrop blur, hero con foto, sezione about a 2 colonne con CSS Grid.

  1. 05Sezione About con paragrafi e skills2 min
  2. 06Galleria progetti con CSS Grid2 min
  3. 07Form di contatto pulito2 min
  4. 08Il sito su mobile (con UNA media query)2 min

Galleria progetti + contatti03

Projects gallery con CSS Grid auto-fit, hover che rivela info, form contatto pulito.

  1. 09Dark mode senza JavaScript (la magia di :has())3 min

Polish: responsive + dark mode04

Una sola @media query e il sito è perfetto su mobile. Poi il colpo finale: dark mode con :has(), zero JavaScript.