Cos’è il file llms.txt e perché è fondamentale per AI e siti web

Introduzione – dai crawler “classici” ai Large Language Model crawlersPer quasi trent’anni robots.txt ha dettato le regole di ingaggio tra siti web e motori di ricerca. Oggi l’equilibrio si sta spostando: gli LLM crawlers (ChatGPT, Gemini, Claude, Perplexity, ecc.)...

Drag and Drop in JavaScript: 3 Snippet Pronti per Liste, Immagini e File

Il drag and drop (tradotto letteralmente “trascina e rilascia”) è una funzionalità che rende l’interfaccia di un sito web più interattiva e immediata. Immagina di poter ordinare una to-do list semplicemente trascinando le voci,...

Creare un menu hamburger mobile-first

Nel 2025, con il continuo aumento dell’utilizzo dei dispositivi mobili per navigare su Internet, è fondamentale sviluppare interfacce che offrano un’esperienza utente ottimale anche su schermi di piccole dimensioni. Il menu hamburger, grazie alla...

Effetti hover solo con CSS: 10 esempi pratici

Nel web design moderno le microinterazioni giocano un ruolo fondamentale nella creazione di esperienze utente accattivanti e intuitive. L’hover, in particolare, è un effetto interattivo che permette di guidare l’utente, offrendo feedback immediati al...

Come gestire eventi in JavaScript con addEventListener

Nel mondo dello sviluppo web, saper gestire eventi in JavaScript è fondamentale per creare interfacce utente dinamiche e interattive. In questo articolo ti mostreremo come utilizzare il metodo addEventListener per associare funzionalità agli eventi...

Cosa sono i Web Components e come usarli

I Web Components rappresentano un insieme di standard che permettono di creare elementi personalizzati, riutilizzabili e incapsulati per il web. La loro adozione sta crescendo, soprattutto tra gli sviluppatori frontend che cercano soluzioni modulari...

Come creare una card con progress bar e footer personalizzato

IntroduzioneIn un progetto frontend moderno, l’utilizzo di card interattive aiuta a migliorare la user experience e a presentare le informazioni in modo accattivante. Lo snippet che vedremo è un esempio concreto di come unire...

Sticky vs Fixed: differenze e usi nel layout CSS

Scopri tutto su sticky vs fixed CSS: differenze, casi d'uso, esempi pratici e best practice per layout frontend efficaci. In CSS esistono varie modalità di posizionamento (position) e ognuna risponde a esigenze specifiche. Tra...

Come usare async e defer nei tag script HTML

IntroduzioneSe sei uno sviluppatore frontend, conoscere la differenza tra async e defer nei tag <script> HTML è fondamentale. Usare correttamente async defer script HTML può migliorare notevolmente la velocità di caricamento e le performance...