This content originally appeared on CSS-Tricks and was authored by Chris Coyier
Chen Hui Jing covers some recent movement in DevTools:
Firefox’s grid inspector was pretty full-featured from the get-to and released together with CSS grid in Firefox 52. It was constantly improved upon since. Chrome added a basic grid inspector tool in Chrome 62 that let developers highlight elements using grid layout, but more robust features were only added in Chrome 87. And now, Webkit [sic] has joined the party, as Safari Technology Preview 123 adds Grid inspecting features as well.
You love to see it. DevTools have a massive impact on how front-end developers think about, build, and of course, debug websites. Stuff like seeing the numbered grid lines visually is a huge deal. I’ve done enough mentally counting what rows/columns I want to place things on, thank you very much.
Direct Link to Article — Permalink
The post DevTools for CSS layouts 2021 edition appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
This content originally appeared on CSS-Tricks and was authored by Chris Coyier
Chris Coyier | Sciencx (2021-05-13T23:22:45+00:00) DevTools for CSS layouts 2021 edition. Retrieved from https://www.scien.cx/2021/05/13/devtools-for-css-layouts-2021-edition/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.