Guide
gioaken -
Differenza tra innerText e innerHTML in JavaScript
Manipolare il Document Object Model (DOM) è il pane quotidiano di ogni sviluppatore frontend. Capire a fondo come e quando usare innerText e innerHTML fa la differenza tra codice sicuro, performante e facilmente manutenibile,...
AI
gioaken -
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.)...
Guide
gioaken -
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,...
CSS
gioaken -
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...
CSS
gioaken -
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...
Guide
gioaken -
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...
HTML
gioaken -
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...
CSS
gioaken -
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...


