[{"content":"Alcuni progetti nascono da un incarico chiaro, altri dalla sensazione vaga che qualcosa non vada più bene. Entrambi sono buoni punti di partenza, se si è disposti a guardare con onestà. In questi casi poniamo prima le domande scomode: che cosa funziona davvero oggi? Quali pagine non le apre nessuno? Quali contenuti esistono solo perché ci sono sempre stati?\nLe risposte portano quasi sempre a un sito più piccolo e più chiaro. Meno pagine, ma migliori: nella maggior parte dei casi è la strada più rapida verso un risultato migliore.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-1.jpg","excerpt":null,"tags":["Sito web","Hugo"],"title":"Meno pagine, ma migliori","url":"/it/blog/called-i-that-waters-dry-one/"},{"content":"Un\u0026rsquo;immagine sostiene una pagina solo se racconta qualcosa. La decorazione senza contenuto costa tempo di caricamento e distrae dal testo invece di sostenerlo. Formato, inquadratura e posizione contano quanto il soggetto stesso.\nFunzionano meglio le immagini che proseguono il testo invece di ripeterlo. Danno una pausa all\u0026rsquo;occhio e un contesto al contenuto.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-2.jpg","excerpt":null,"tags":["Sito web"],"title":"Un linguaggio visivo sobrio","url":"/it/blog/fruit-so-open/"},{"content":"Un\u0026rsquo;immagine sostiene una pagina solo se racconta qualcosa. La decorazione senza contenuto costa tempo di caricamento e distrae dal testo invece di sostenerlo. Preferiamo perciò poche immagini forti, con spazio sufficiente, piuttosto che riempire ogni superficie.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-3.jpg","excerpt":null,"tags":["Sito web"],"title":"Immagini che raccontano","url":"/it/blog/darkness-made-great/"},{"content":"L\u0026rsquo;accessibilità viene spesso trattata come un compito aggiuntivo, benché nasca quasi sempre dalle stesse decisioni che già migliorano una pagina: struttura chiara, contrasto sufficiente, linguaggio comprensibile.\nLivelli di titolo sensati non aiutano solo i lettori di schermo, ma anche i motori di ricerca e chiunque scorra la pagina in fretta. Un modulo con etichette correttamente associate è più semplice da usare per tutti.\nLa prova più semplice non costa nulla: mettere via il mouse e percorrere la pagina con la sola tastiera. Ciò che così non si raggiunge resterà irraggiungibile anche per una parte dei visitatori.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-4.jpg","excerpt":null,"tags":["Hugo"],"title":"Accessibile fin dall'inizio","url":"/it/blog/together-had-said-given-day-spirit/"},{"content":"La velocità è una scelta progettuale. Una pagina che compare subito appare più curata di una elaborata che impiega due secondi.\nLa leva maggiore sono quasi sempre le immagini. Dimensione corretta, formato moderno e caricamento differito ben applicato rendono più di qualsiasi micro-ottimizzazione del codice.\nPoi viene la tipografia. Ogni famiglia in più costa tempo di caricamento, e pochi progetti ne richiedono più di due.\nGli script sono il terzo punto. Molto di ciò che un tempo richiedeva una libreria oggi si risolve con poche righe di codice nativo.\nI siti statici partono avvantaggiati: nessuna query al database che possa risultare lenta, nessuna cache da mantenere.\nAlla fine conta solo ciò che arriva su un dispositivo normale in una rete normale. Il resto è statistica.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-5.jpg","excerpt":null,"tags":["Golang"],"title":"La velocità è progetto","url":"/it/blog/spirit-subdue-two-dont/"},{"content":"All\u0026rsquo;inizio c\u0026rsquo;è sempre una domanda, non una palette di colori. Che cosa deve ottenere la pagina, per chi, e da che cosa capiremo che ha funzionato? Senza queste risposte il progetto diventa una questione di gusti. Poi arriva la parte noiosa: ordinare, tagliare, stabilire priorità. È quella che decide il risultato.\nSolo quando la struttura è definita si passa alla forma. Partiamo dalla scala di grigi, così contrasto e gerarchia devono reggersi su dimensione e spazio.\nIl colore arriva per ultimo e con parsimonia. Deve guidare, non decorare: un solo accento basta quasi sempre a portare lo sguardo dove serve.\nInfine proviamo su dispositivi reali, con contenuti reali e connessione lenta. Ciò che regge lì regge ovunque.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-10.jpg","excerpt":null,"tags":["Hugo","Programmazione"],"title":"[Formato articolo] Standard","url":"/it/blog/post-format-standard/"},{"content":"Una sola immagine sostiene un articolo soltanto quando mostra ciò che il testo non ha bisogno di dire. Il resto è decorazione.\nLa risoluzione conta: il soggetto deve restare nitido anche sugli schermi grandi senza appesantire il caricamento.\nPer questo qui pubblichiamo un formato ritagliato con cura, capace di adattarsi a qualsiasi larghezza di colonna.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Programmazione"],"title":"[Formato articolo] Immagine","url":"/it/blog/post-format-image/"},{"content":"Una buona griglia è invisibile. Ci si accorge di lei solo quando manca: i margini sembrano casuali, i titoli escono dall\u0026rsquo;asse e l\u0026rsquo;occhio non trova più appoggio.\nAltrettanto importante è il ritmo del testo. Interlinea, spaziatura e corpo vanno insieme; se si cambia un valore, bisogna ripensare gli altri.\nChi padroneggia entrambi gli aspetti ha bisogno di pochissima decorazione. Due pesi tipografici, un colore d\u0026rsquo;accento e molto spazio bianco bastano per quasi ogni progetto.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-6.jpg","excerpt":null,"tags":["Sito web","Programmazione"],"title":"[Formato articolo] Citazione","url":"/it/blog/post-format-quote/"},{"content":"Un progetto chiaro comincia decidendo che cosa togliere. Solo quando sparisce il superfluo il contenuto trova lo spazio necessario per funzionare.\nPer questo lavoriamo dall\u0026rsquo;interno verso l\u0026rsquo;esterno: prima la struttura, poi la tipografia, il colore per ultimo. L\u0026rsquo;ordine sembra ovvio, ma evita quasi tutte le deviazioni.\nNe nasce una pagina che si legge con calma e funziona su qualsiasi schermo, senza lasciar trasparire il lavoro che c\u0026rsquo;è dietro.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-7.jpg","excerpt":null,"tags":["Sito web","Hugo","Programmazione"],"title":"[Formato articolo] Link","url":"/it/blog/post-format-link/"},{"content":"Le immagini raccontano più in fretta del testo. Una galleria funziona quindi meglio quando la selezione resta breve e ogni fotografia ha un motivo preciso per esserci.\nCerchiamo un ritmo tranquillo: inquadrature simili, una gamma cromatica comune, margini uguali. Ne nasce una serie e non un mucchio.\nAl clic ogni immagine si apre a dimensione piena. L\u0026rsquo;impaginazione resta sullo sfondo per non perdere il contesto.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Sito web","Programmazione"],"title":"[Formato articolo] Galleria","url":"/it/blog/post-format-gallery/"},{"content":"Un progetto chiaro comincia decidendo che cosa togliere. Solo quando sparisce il superfluo il contenuto trova lo spazio necessario per funzionare.\nPer questo lavoriamo dall\u0026rsquo;interno verso l\u0026rsquo;esterno: prima la struttura, poi la tipografia, il colore per ultimo. L\u0026rsquo;ordine sembra ovvio, ma evita quasi tutte le deviazioni.\nNe nasce una pagina che si legge con calma e funziona su qualsiasi schermo, senza lasciar trasparire il lavoro che c\u0026rsquo;è dietro.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-9.jpg","excerpt":null,"tags":["Programmazione"],"title":"[Formato articolo] Slider","url":"/it/blog/post-format-slider/"},{"content":"Un progetto chiaro comincia decidendo che cosa togliere. Solo quando sparisce il superfluo il contenuto trova lo spazio necessario per funzionare.\nPer questo lavoriamo dall\u0026rsquo;interno verso l\u0026rsquo;esterno: prima la struttura, poi la tipografia, il colore per ultimo. L\u0026rsquo;ordine sembra ovvio, ma evita quasi tutte le deviazioni.\nNe nasce una pagina che si legge con calma e funziona su qualsiasi schermo, senza lasciar trasparire il lavoro che c\u0026rsquo;è dietro.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-6.jpg","excerpt":null,"tags":["Sito web","Hugo","Programmazione"],"title":"[Formato articolo] Video HTML5","url":"/it/blog/post-format-video-html5/"},{"content":"Una buona griglia è invisibile. Ci si accorge di lei solo quando manca: i margini sembrano casuali, i titoli escono dall\u0026rsquo;asse e l\u0026rsquo;occhio non trova più appoggio.\nAltrettanto importante è il ritmo del testo. Interlinea, spaziatura e corpo vanno insieme; se si cambia un valore, bisogna ripensare gli altri.\nChi padroneggia entrambi gli aspetti ha bisogno di pochissima decorazione. Due pesi tipografici, un colore d\u0026rsquo;accento e molto spazio bianco bastano per quasi ogni progetto.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-8.jpg","excerpt":null,"tags":["Sito web","Programmazione"],"title":"[Formato articolo] Video Vimeo","url":"/it/blog/post-format-video-vimeo/"},{"content":"Una buona griglia è invisibile. Ci si accorge di lei solo quando manca: i margini sembrano casuali, i titoli escono dall\u0026rsquo;asse e l\u0026rsquo;occhio non trova più appoggio.\nAltrettanto importante è il ritmo del testo. Interlinea, spaziatura e corpo vanno insieme; se si cambia un valore, bisogna ripensare gli altri.\nChi padroneggia entrambi gli aspetti ha bisogno di pochissima decorazione. Due pesi tipografici, un colore d\u0026rsquo;accento e molto spazio bianco bastano per quasi ogni progetto.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-5.jpg","excerpt":null,"tags":["Programmazione","Hugo"],"title":"[Formato articolo] Video YouTube","url":"/it/blog/post-format-video-youtube/"},{"content":"Prima di scrivere una sola riga di codice chiariamo chi visita il sito e che cosa vuole farci. Tutto il resto discende da questa risposta.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-14.jpg","excerpt":null,"tags":["Programmazione"],"title":"[Formato articolo] Audio","url":"/it/blog/post-format-audio/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-1.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Tazze","url":"/it/portfolio/cups/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-2.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Cactus","url":"/it/portfolio/cactus/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-3.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Danza","url":"/it/portfolio/dance/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-4.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Bottiglie","url":"/it/portfolio/bottles/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-5.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Albero","url":"/it/portfolio/tree/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-6.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Sogno","url":"/it/portfolio/dream/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-7.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Logo","url":"/it/portfolio/logo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-8.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Album musicale","url":"/it/portfolio/music-album/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-9.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Libro","url":"/it/portfolio/book/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-10.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Fotografia","url":"/it/portfolio/photo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-11.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Mano","url":"/it/portfolio/hand/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-12.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Confezione","url":"/it/portfolio/package/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-13.jpg","excerpt":"Design, fotografia e sviluppo dall'inizio alla fine, dal primo schizzo...","tags":null,"title":"Telefono","url":"/it/portfolio/phone/"}]