Categoria

debug-css

3 articoli associati a questo tag.

1 ottobre 2026

Specificità CSS in DevTools: da Chrome 151 la vedi al volo (e smetti di “fare i conti” a mente)

Con Chrome 151, DevTools calcola automaticamente la specificità dei selettori CSS. Basta passare il mouse su un selettore nel pannello Styles per vedere un tooltip con il valore di specificità. Una piccola feature che cambia il modo in cui debuggare conflitti di stile: meno tentativi alla cieca, più controllo sul peso dei selettori e meno necessità di usare !important.

12 agosto 2026

La competenza front-end più sottovalutata oggi: saper fare debug (davvero)

Prompting e tool generativi aiutano, ma l’abilità che fa la differenza è diagnosticare rapidamente cosa non va e correggerlo. Vediamo una checklist pratica per debug CSS: width/height fisse, overflow “misteriosi”, box-sizing, margini esterni vs padding e il caos dei margin-collapsing. Con esempi concreti e approccio orientato a layout resilienti.

25 giugno 2026

Chrome DevTools 148–150: agent, AI Assistance e nuove utility per debugging e accessibilità

Panoramica delle novità introdotte tra Chrome DevTools 148–150: DevTools for Agents arriva alla 1.0 con audit Lighthouse integrati e debugging di estensioni; AI Assistance diventa più concreta con widget e accesso diretto a Lighthouse; arrivano miglioramenti per speculative loads, Network, contrasto APCA, Accessibility Tree, WebMCP e suggerimenti CSS assistiti.