Oh, VisBug! — Make any webpage feel like an artboard 🎨
Google is always at the frontiers of creating daring and life-changing developers tools, thanks to Chrome Developers, a really neat tool was introduced at Chrome Developers summit last year’s day 1 Keynote session (14th of November precisely). They call it: Project Visbug.
Skip over to time 23:00 or watch the whole thing if you want 😃
Project Visbug or Visbug! What is it?
You might be a designer needing to communicate changes to a coder, you might have purchased a template you want to change up a little bit, or you might be a developer looking for an efficient way to test changes in the browser. VisBug can be a massive help in all these departments. — Kezz Bracey (Writer at Envato)
Visbug is an open source browser design tool by Adam Argyle a Chrome CSS Developer Advocate, and it is equipped to give you the ability to make almost all visual edits and changes to a website via a point and click process.
Designers would find this tool pretty useful for the convention is like designing on an artboard. You could:
- Delete content from a page.
- Change background colors or element color on the browser.
- Add content
- and lots more… see
I won’t go into its usage and use cases because Adam Argyle(who would know better about Visbug!) already did an awesome job in Visbug 101(Check it out.)
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 — Visbug Overview on Chrome Store.
Get Visbug!
Before installing the extension on chrome, you could try it out on an online sandbox:
Or just download it from the chrome store and give it a whirl 😃:
Getting Started Resources?
Kezz Bracey just rolled out a course: Visbug Quick Start on Envato. Be sure to check it out:
Conclusion
Be sure to give Project Visbug some love on github by starring it if you find it extremely useful.
Leave a comment if you love it and if you have links to awesome resources, leave it below as well.
Happy Deploying ! 🍷.