VisBug from Google, new practical dev tool

VisBug from Google: At the Chrome Dev conference in San Francisco today, Google announced a new 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.VisBug

Οι προγραμματιστές της Google το παρομοίωσαν με το Firebug, ένα του Firefox που μεταφέρθηκε στο Chrome, και τελικά κατέληξε να ενσωματωθεί στον πίνακα εργαλείων του Chrome για τους προγραμματιστές.

VisBug is just like Firebug, it allows everyday people too 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.

VisBug's main interface features a εργαλείων που εμφανίζεται στην αριστερή πλευρά της οθόνης. Μπορείτε να χρησιμοποιήσετε τα στοιχεία ελέγχου της γραμμής εργαλείων για να μετακινήσετε τα στοιχεία μιας σελίδας, να επεξεργαστείτε κείμενο, να δημιουργήσετε sticky elements, να αλλάξετε τα χρώματα του κειμένου, να αλλάξετε την απόχρωση μιας εικόνας, τη φωτεινότητα και τον κορεσμό.

The extension needs more work for now. For example, we edited a page but could not save the new source to a different file so we can 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

______________________________________

iGuRu.gr The Best Technology Site in Greecefgns

every publication, directly to your inbox

Join the 2.087 registrants.

Written by giorgos

George still wonders what he's doing here ...

Leave a reply

Your email address is not published. Required fields are mentioned with *

Your message will not be published if:
1. Contains insulting, defamatory, racist, offensive or inappropriate comments.
2. Causes harm to minors.
3. It interferes with the privacy and individual and social rights of other users.
4. Advertises products or services or websites.
5. Contains personal information (address, phone, etc.).