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...

