Colophon

Di Stagione è un progetto di Fabio Pastore, frontend developer. L’ho fatto per avere sotto mano, al mercato o prima della spesa, cosa è buono adesso: si apre all’istante, funziona senza rete e non chiede niente in cambio.

Com’è fatto

• HTML statico generato con Astro: una pagina per ogni mese e per ognuno dei 74 prodotti, nessun server e nessun database.
• Circa 2 KB di JavaScript, solo per la ricerca. Il filtro Frutta / Verdura funziona anche senza, con il selettore CSS :has().
• Il mese corrente lo decide il tuo browser: una riga di script imposta il mese prima che la pagina appaia e il CSS mostra i prodotti giusti. Niente sfarfallio, niente attese.
• Navigazione istantanea con le Speculation Rules, che preparano la pagina prima del tocco, e le View Transitions, che portano l’illustrazione dalla lista alla scheda.
• Funziona offline e si installa sulla schermata Home: un service worker conserva tutto il sito dopo la prima visita.
• CSS moderno senza framework: colori in oklch, tema chiaro e scuro con light-dark(), nesting, popover nativi e animazioni a molla con linear().
• Accessibilità verificata a ogni modifica con test automatici, in tema chiaro e scuro.

Caratteri e illustrazioni

I titoli sono in Bricolage Grotesque, il testo in Figtree, entrambi open source e serviti dal sito stesso. Ogni prodotto ha la sua illustrazione SVG, disegnata in uno stile unico e animata con discrezione.

Dati e privacy

Le stagionalità vengono dal confronto di calendari istituzionali e di settore: trovi tutto in Fonti e metodo. Il sito non usa cookie, statistiche o tracciamenti.

Contatti

Un errore nei dati, un prodotto che manca o un progetto da fare insieme? Mi trovi su fabiopastore.it.