
Gestire l'i18n in Next.js: il redirect automatico dalla root
Come risolvere il problema della lingua di default senza prefisso in Next.js con un middleware personalizzato e una configurazione i18n ottimizzata.
Esplora il mio magazine dove il mondo del web design e dello sviluppo si uniscono per offrire ispirazione, conoscenza e soluzioni avanzate.
Come risolvere il problema della lingua di default senza prefisso in Next.js con un middleware personalizzato e una configurazione i18n ottimizzata.
Lo sviluppo front-end è sempre più frammentato. Esploriamo l'evoluzione dalle pagine statiche alle moderne architetture, analizzando pro e contro di Next.js, React e altre tecnologie per scelte più consapevoli.
Font microscopici, testi a contrasto zero e moduli impossibili: come rendere i contenuti web inutilizzabili. Continua la nostra satira dell'anti-accessibilità con tecniche da NON copiare.
Scopri come trasformare il tuo sito in un labirinto: popup invasivi, banner cookie infiniti e video che perseguitano lo scroll. Una guida satirica a cosa NON fare per un web realmente accessibile.
Scopri il lungo percorso che trasforma un'idea in uno standard web ufficiale. Dalle prime Media Queries del 2001 alle moderne Container Queries, un'analisi dettagliata del processo di evoluzione e standardizzazione.
Scrivere codice pulito e ben organizzato è fondamentale per progetti duraturi e collaborativi. Scoprirai principi, tecniche e best practices per un codice leggibile, manutenibile e riutilizzabile, risparmiando tempo nel lungo periodo.
I preprocessori CSS hanno trasformato lo sviluppo front-end con variabili, mixin e funzioni. Oggi, con l'avanzare del CSS nativo, esaminiamo il loro valore attuale e il futuro della scrittura dei fogli di stile.
Creare varianti di prodotto in PrestaShop è semplice, ma gestire correttamente l'impatto sul prezzo può risultare complesso. Scopri come configurare combinazioni con prezzi diversi e calcolare i valori corretti con e senza IVA.
Migliora l'accessibilità web con prefers-contrast, la media query che permette agli sviluppatori front-end di adattare il contrasto per chi ha difficoltà visive. Una soluzione elegante per rendere i contenuti leggibili a tutti gli utenti.
Le trasparenze CSS possono creare problemi di accessibilità a utenti con difficoltà visive. La media query prefers-reduced-transparency permette di offrire un'alternativa più leggibile rispettando le preferenze dell'utente.
Le animazioni web possono causare problemi a chi soffre di disturbi vestibolari. La media query prefers-reduced-motion permette di creare siti inclusivi, aiutando gli utenti che necessitano di un'esperienza visiva più statica.
I variable fonts rivoluzionano la tipografia web combinando infinite varianti in un solo file. Riduce i tempi di caricamento, migliora la SEO e offre maggiore libertà creativa ai designer, con una compatibilità browser superiore al 97%.
I temi dark sono ormai essenziali nel web moderno. Riducono l'affaticamento visivo con scarsa illuminazione e il consumo energetico sui dispositivi OLED, oltre a offrire un'estetica elegante. Vediamo come implementarli nei siti web.