Google VisBug: At the Chrome Dev conference in San Francisco today, Google announced a new tool for developers called VisBug. VisBug simplifies editing a web page using a simple point-and-click interface.
VisBug is currently available as a Chrome extension and can be installed from the Chrome Web Store.
Google developers likened it to Firebug, a Firefox add-on that was ported to Chrome, and eventually integrated into the Chrome developer toolbar.
VisBug is just like Firebug, allowing everyday users to change the elements of a web page using a point-and-click interface and a drag-and-drop function.
Once installed the extension, you must press the three ALT + SHIFT + D keys together to start it. This extension is only useful for editing already created web pages or templates. Cannot create a website from scratch.
The main VisBug interface has a toolbar that appears on the left side of the screen. You can use toolbar controls to move elements of a page, edit text, create sticky elements, change text colors, change the hue, brightness, and saturation of an image.
The expansion needs more work at the moment. For example, we edited a page, but we could not save the new source code to a different file, so that we could later replace it on the page to apply the new settings.
We could view the source code of the page with CTRL + U and copy it from there but VisBug should have the option to save the new code.
But Google developers are quite honest about the limitations of VisBug, as shown in the README file of the extension in GitHub. They state that this is not a complete web design tool, but an addition to existing tools.
In the future, VisBug features could be integrated into Chrome Developer Tools, as a tool to help us improve a website. For example, a developer could use VisBug to make small visual enhancements using the drag-and-drop GUI instead of making modifications via CSS.
See the presentation video