DevTools para diseños CSS edición 2021

Chen Hui Jing cubre algunos movimientos recientes en DevTools:

El inspector de cuadrícula de Firefox tenía bastantes funciones desde el principio y se lanzó junto con la cuadrícula CSS en Firefox 52 . Desde entonces ha sido mejorado constantemente. Chrome agregó una herramienta básica de inspección de cuadrícula en Chrome 62 que permitía a los desarrolladores resaltar elementos usando el diseño de cuadrícula, pero solo se agregaron funciones más sólidas en Chrome 87 . Y ahora, Webkit [sic] se ha unido a la fiesta, ya que Safari Technology Preview 123 también agrega funciones de inspección de Grid .

Te encanta verlo. DevTools tiene un impacto enorme en la forma en que los desarrolladores de aplicaciones para el usuario piensan, crean y, por supuesto, depuran los sitios web. Cosas como ver visualmente las líneas de la cuadrícula numeradas son un gran problema. Ya he hecho suficiente contando mentalmente en qué filas/columnas quiero colocar las cosas, muchas gracias.