Blog

Articoli, guide e appunti pratici su WordPress, web design, CSS, UX e sviluppo siti web.

CSS cross-browser per Chrome e Safari: come rendere il tuo sito più compatibile con i browser moderni

06/07/202606/07/2026 di Sergio Pinna

Guida pratica alla creazione di una patch CSS cross-browser per rendere un sito più compatibile con Google Chrome, Safari e i browser moderni. L’articolo spiega come migliorare la stabilità del layout, gestire prefissi come -webkit-, aggiungere fallback per proprietà avanzate come backdrop-filter, rendere più coerenti form e animazioni, ottimizzare gli effetti su mobile e rispettare le preferenze di accessibilità degli utenti.

Come creare una lente di ricerca in WordPress con mini pop-up senza plugin di ricerca

29/06/2026 di Sergio Pinna

In questa guida vediamo come creare in WordPress una lente di ricerca cliccabile che apre un piccolo pop-up con una form di ricerca, senza usare plugin aggiuntivi. Lo snippet permette di inserire la lente tramite shortcode, collegarla alla ricerca nativa di WordPress e mostrare i risultati nelle pagine costruite con GeneratePress e GenerateBlocks, gestendo anche il caso in cui non vengano trovati risultati.

Come creare un sommario apribile nei singoli articoli WordPress senza plugin

22/06/2026 di Sergio Pinna

In questa guida vediamo come creare un sommario apribile nei singoli articoli WordPress senza usare plugin. Attraverso uno snippet PHP, CSS e JavaScript, realizziamo un box responsive con link di ancoraggio, apertura e chiusura morbida e scroll fluido verso le sezioni del contenuto.

Popup exit intent in WordPress: come crearne uno con GeneratePress e GenerateBlocks senza plugin pesanti

15/06/2026 di Sergio Pinna

Popup exit intent in WordPress realizzato con GeneratePress, GenerateBlocks e uno snippet personalizzato, senza usare plugin pesanti. Nell’articolo vediamo come costruire una finestra modale leggera, personalizzabile e responsive, che appare quando l’utente sta per lasciare la pagina. La guida spiega come gestire CSS, JavaScript, pagine di esclusione, fallback mobile, animazioni morbide, accessibilità e salvataggio della visualizzazione tramite localStorage e sessionStorage.

Come creare uno slider con GeneratePress e GenerateBlocks senza usare page builder pesanti

01/06/202601/06/2026 di Sergio Pinna

Creare uno slider con GeneratePress e GenerateBlocks aggiunge dinamismo senza plugin pesanti. Lo costruiremo con Container, classi CSS, pulsanti e JavaScript leggero per scorrere le slide, mantenendolo responsive e modificabile da WordPress.

Timeline in HTML e CSS: creare una linea temporale responsive senza plugin

25/05/2026 di Sergio Pinna

Scopri come creare una timeline responsive in HTML e CSS senza usare plugin. In questa guida vediamo passo passo come costruire una linea temporale verticale, con card alternate su desktop e layout ottimizzato per mobile, utile per raccontare la storia di un progetto, le fasi di un servizio o il percorso professionale di una persona.

Accessibilità web in WordPress: come progettare siti più inclusivi, usabili e conformi agli standard italiani ed europei

20/05/202620/05/2026 di Sergio Pinna

L’accessibilità web in WordPress non è un dettaglio tecnico da sistemare alla fine, ma un elemento fondamentale nella progettazione di un sito professionale. Un sito accessibile è più inclusivo, più chiaro, più usabile e spesso anche più efficace per SEO, conversioni e qualità dell’esperienza utente.

Come testare un sito su iPhone senza avere un iPhone: test cross-browser su Chrome e Safari

18/05/2026 di Sergio Pinna

Scopri come testare un sito su iPhone anche senza avere un iPhone fisico. Una guida pratica al test cross-browser con Google Chrome DevTools, Safari, simulatori e servizi cloud, utile per verificare layout responsive, menu, form, immagini, CTA e problemi tipici di Safari mobile prima di pubblicare un sito WordPress.

...aspetta un attimo!