Un blog dimostrativo veloce, accessibile e semplice da gestire. https://demo1.yuriy-boyko.com/ 2026-09-28T00:00:00.000Z Yuriy Boyko https://demo1.yuriy-boyko.com/posts/pubblicare-un-articolo/ 2026-09-28T00:00:00.000Z 2026-09-28T00:00:00.000Z

Una guida rapida al pannello di amministrazione: scrivere, tradurre e pubblicare in pochi minuti.

<p>Pubblicare un articolo richiede pochi minuti.</p> <h2>I passaggi</h2> <ol> <li>Accedi al pannello di amministrazione con il tuo account GitHub.</li> <li>Scegli <strong>Posts</strong> e clicca su <strong>Nuovo articolo</strong>.</li> <li>Scrivi titolo, descrizione e testo in italiano, poi passa alla scheda inglese per la traduzione.</li> <li>Aggiungi un'immagine con la sua descrizione.</li> <li>Salva: il sito si aggiorna da solo in circa un minuto.</li> </ol> <p>Se non sei pronto, attiva <strong>Bozza</strong> e l'articolo non sarà pubblicato.</p> https://demo1.yuriy-boyko.com/posts/solo-in-italiano/ 2026-09-24T00:00:00.000Z 2026-09-24T00:00:00.000Z

Questo articolo non ha una traduzione: serve a verificare il selettore della lingua.

<p>Questo articolo esiste solo in italiano. Dalla pagina, il selettore della lingua rimanda alla home inglese.</p> https://demo1.yuriy-boyko.com/posts/guida-accessibilita/ 2026-09-17T00:00:00.000Z 2026-09-17T00:00:00.000Z

Cinque buone pratiche per rendere un sito utilizzabile da tutti, senza rinunciare al design.

<p>Un sito accessibile funziona meglio per <strong>tutti</strong>.</p> <ol> <li>Usa titoli in ordine logico.</li> <li>Garantisci un contrasto sufficiente tra testo e sfondo.</li> <li>Rendi tutto raggiungibile da tastiera.</li> <li>Descrivi le immagini con un testo alternativo.</li> <li>Rispetta le preferenze dell'utente, come il movimento ridotto.</li> </ol> https://demo1.yuriy-boyko.com/posts/benvenuti-nel-blog/ 2026-09-10T00:00:00.000Z 2026-09-10T00:00:00.000Z

Il primo articolo del blog dimostrativo: cosa troverete qui e come è fatto il sito.

<p>Questo è un sito <strong>dimostrativo</strong>: veloce, accessibile e facile da gestire.</p> <h2>Cosa troverete qui</h2> <p>Articoli in italiano e in inglese, organizzati per tag. Ogni pagina è HTML statico, quindi si carica in un attimo anche con una connessione lenta.</p> <h2>Come si gestisce</h2> <p>I contenuti sono semplici file Markdown. Chi scrive usa un pannello di amministrazione, senza toccare il codice.</p> https://demo1.yuriy-boyko.com/posts/mobile-first/ 2026-09-05T00:00:00.000Z 2026-09-05T00:00:00.000Z

Partire dallo schermo più piccolo rende il sito migliore ovunque: ecco il metodo.

<p>Progettare <strong>mobile first</strong> significa partire dallo schermo più piccolo e aggiungere spazio solo quando c'è.</p> <h2>Perché funziona</h2> <ol> <li>Costringe a scegliere ciò che conta davvero.</li> <li>Il testo resta leggibile, in una colonna, senza scorrimento orizzontale.</li> <li>Gli elementi toccabili sono abbastanza grandi per le dita.</li> </ol> <h2>In pratica</h2> <p>Si scrive prima lo stile base per circa 320 pixel, poi si aggiungono regole per tablet e desktop. Il risultato funziona bene su ogni dispositivo.</p> https://demo1.yuriy-boyko.com/posts/sito-veloce/ 2026-09-03T00:00:00.000Z 2026-09-03T00:00:00.000Z

Tempi di caricamento, Core Web Vitals e pagine statiche: come velocità e risultati vanno di pari passo.

<p>Un sito veloce si usa meglio, si posiziona meglio e convince di più.</p> <h2>Le basi</h2> <ul> <li><strong>Pagine statiche:</strong> il server consegna HTML già pronto, senza calcoli.</li> <li><strong>Niente font esterni:</strong> si usano i caratteri del sistema, quindi nessuna richiesta in più.</li> <li><strong>Immagini leggere:</strong> formati moderni come AVIF e WebP, con le dimensioni giuste per ogni schermo.</li> <li><strong>Poco JavaScript:</strong> solo ciò che serve davvero.</li> </ul> <h2>Come si misura</h2> <p>Gli indicatori principali sono LCP (velocità del contenuto principale), CLS (stabilità del layout) e INP (reattività). Un buon sito li mantiene tutti nella fascia verde.</p>