Minimalist web development toolbar setup
This toolbar setup has two goals, to save as much space as possible and provide some useful buttons for web development at the same time.
First things first, a screenshot.
Click for a bigger version.
The button between the address field and the search field is what was formerly the star in the address bar. Clicking it opens the bookmarking dialog. Unfortunately, the skin i'm currently using does not have the image files to show an actual stars.
The menu bar has been replaced with a single menu button. The startbar has been used to dump several buttons that i use on and off but do not to be visible need all the time. Most of them you will be able to recognise but a few might need explanation.
- Maximises all windows
- tabs all windows
- Show the "view bar" which i've used to add some development buttons
- Starts Dragonfly
- The Kill button. After clicking this button you can temporarily eliminate any element on a website.
The buttons in the bar at the bottom are fairly self explanatory. Author mode allows you to apply a number of stylesheets to the site you're viewing. The validate buttons let you validate CSS and HTML at the click of a button. While the source and view CSS buttons lets you see the HTML and CSS files that form the site. Error console, of course, opens the error console.
The tab bar (or page bar if you're old school) is set to disappear when it's not needed.
The screenshots above were taken in Kubuntu (KDE 4.3) with the opera-with-milk skin. Most of the buttons were found on Non-tropo's Opera wiki.
Please note that installing this toolbar setup will not automatically disable your menu bar, you need to do that manually. This can be done by enabling the shortcut for it in the advanced preferences. If you're using Linux this shortcut (alt+f11) is already enabled
Installation Instructions:
To install, simply click on the file, click OK on the warning message. Opera will then install and ask you to confirm the installation. If you are not satisfied with the new setup you can change back to the old one by going to file->preferences->advanced->toolbars and selecting the setup of your choice. It is also possible to delete or rename the new setup there.
If you want to look at the source of the file, open it in a new tab. Whether by middle-clicking or right-clinking and selecting "Open in new tab"
Tested with Opera version(s):
10.10
Comments
Post new comment