Open source web design debug tools built with JavaScript: a FireBug for designers.
– Point, click & tinker
– Edit or style any page, in any state, like it’s an artboard
– Inspect styles, spacing, distance, accessibility and alignment
– Nitpick layouts & content, in the real end environment, at any device size
– Leverage adobe/sketch skills
– Edit text, replace images
– Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
– Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc
– Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
– No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea
Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**
Very useful and easy to use to test some design modifications without touching the code.
赞!!实时的调试线上web效果,无论是位置还是间距。 并且预设了很多快捷键,是一个高效的工具。
This is an vey helpful tool that makes designing way much easier for elements and CSS directly to edit on website itself.
Excelente extensión. Recomendada.
Probably the most useful dev extension I have ever used!
It is really cool for basic things. But needs lots of features. I would like to learn all font attributes.
Just the thing i needed Thanks a lot
Really great little tool! I am in-love with it, just wish I could reposition it so that I could screenshot stuff otherwise behind the floating toolbar. .
Perfect extension for web devs
Very good plugin for front devs.
This gives you the codes after changing position with mouse 5Stars!!
Every developer should have this, makes life so much easier.
I’M LOVIN’IT!!!
Muito boa a extensão!
Ouf comme extension !
It’s very good tool for webdesigners and coders.Thanks!
Très pratique et bien fait!
Super fast and easy to use. Thanks
Amazing extension!
Simplemente me encanta
<3 thank you so much
I love it
nice
Awesome.
it kinda wraps some core Dev-Tools functionality and extends it. The Key is, that its really easy to access and increadibly fast to work with.
Once you’ve used it, you probably wont uninstall it.
Mind blowing stuff!