Categoria

progressive-enhancement

5 articoli associati a questo tag.

30 settembre 2026

Animare <details> e <summary> in CSS: card “accordion” fluide, senza JavaScript

Usare <details> e <summary> per rivelare contenuti è una scelta elegante: accessibile, nativa e spesso sufficiente senza JavaScript. Con alcune proprietà CSS moderne puoi trasformare questo pattern in una micro‑interazione curata: apertura/chiusura fluida, transizione anche in chiusura (non scontata) e animazioni progressive sugli elementi interni. Vediamo come impostarlo in modo pulito, con progressive enhancement ragionato.

26 agosto 2026

Animazioni “scroll-trigger” solo con CSS (e che non si riavviano): una tecnica moderna e pulita

Creare animazioni attivate dallo scroll di solito fa pensare subito a JavaScript. In realtà oggi CSS permette un approccio sorprendentemente solido: puoi rilevare l’ingresso in viewport, far partire un’animazione una sola volta e mantenerne lo stato finale anche quando l’elemento esce dallo schermo. In più, puoi aggiungere uno stagger intelligente in una griglia responsive e gestire tutto in progressive enhancement con @supports e prefers-reduced-motion.

16 luglio 2026

Modern Web Guidance: un “manuale operativo” per far scrivere agli agenti AI codice web davvero moderno

Gli agenti AI possono scrivere codice velocemente, ma spesso inciampano su dettagli della Web Platform: nuove API, best practice, compatibilità, fallback. Modern Web Guidance nasce per ridurre questo attrito: un pacchetto di oltre 100 guide in Markdown, pensate per essere consultate da un coding agent e per produrre implementazioni corrette, moderne e robuste. Vediamo cosa risolve e come usarlo in pratica (esempio: modali con le nuove feature CSS/HTML).

9 luglio 2026

Modern Web Guidance: un “guardrail” per scrivere web moderno (davvero) anche con un coding agent

I coding agent e le LLM tendono a proporre soluzioni storiche: hack CSS datati, polyfill ingombranti e pattern JavaScript superati. Modern Web Guidance nasce come skill e CLI “expert-vetted” per controllare in tempo reale che le scelte siano allineate agli standard moderni e che i fallback siano compatibili con una baseline ampiamente disponibile. Risultato: progressive enhancement più pulito, rispetto delle preferenze utente e accesso più immediato a feature moderne come scroll snapping e scroll-driven/entry animations.

19 maggio 2026

Pronti per Google I/O: come prepararsi da frontend senza perdere tempo

Google I/O è alle porte: invece di inseguire le novità all’ultimo minuto, conviene arrivarci preparati. Ecco una checklist concreta per frontend developer: aggiornamenti di Chrome e DevTools, ambienti di test, audit di performance e accessibilità, automazioni, note-taking tecnico e un piano per valutare rapidamente cosa adottare nei progetti reali.