8 Opera Widgets for Web Designers and Developers

Ads by Google

In this roundup of Opera widgets we’ll showcase the eight that are most helpful for designing and developing web pages.

widgets   8 Opera Widgets for Web Designers and Developers

Due to Opera’s speed and strict adherence to web standards, it makes for a great web design/development browser.

With the addition of these widgets your design/development tasks will become that much easier.

screen ruler   8 Opera Widgets for Web Designers and Developers

1. Screen Ruler

Screen Ruler is exactly what you’d think it is – a tool that allows you to measure the space on your screen – specifically in Opera. Just click the grid in two places to measure the distance between the points (in pixels). To remove the points, click again. You can create straight lines by using the Shift key.

 
coloursofrainbow   8 Opera Widgets for Web Designers and Developers

2. Colours of the Rainbow

Colours of the Rainbow allows you to quickly select a colour and view its HSV, RGB and CSS hex codes. It can be quickly “folded up” to take up less screen real-estate when it’s not in use.

css help   8 Opera Widgets for Web Designers and Developers

3. CSS Help

CSS Help provides you with quick access to the W3C CSS 2.1 codes, right on your desktop. The built in search makes finding tags super-quick.

site validator   8 Opera Widgets for Web Designers and Developers

4. Site Validator

Site Validator combined with a validate.xml file that contains a list of all the files (HTML/CSS) allows you to quickly confirm files and links are correct. Alternately, you can link to a standard sitemap.xml, but I’ve had issues (errors when there shouldn’t be) using that method.

 
javascript cheatsheet   8 Opera Widgets for Web Designers and Developers

5. Javascript Cheatsheet

Javascript Cheatsheet provides quick reference to JS information from the Mozilla Developer Center.

 
character map   8 Opera Widgets for Web Designers and Developers

6. Character Map

Character Map allows you to quickly find and select various typographic characters. Once found, just click the character and it’s placed into the text field where it can be easily copied.

 
html entities   8 Opera Widgets for Web Designers and Developers

7. HTML Entities

HTML Entities is a floating sheet that displays all HTML Entities (Latin-1, Greek, Math and other) with descriptions that can be toggled on or off.

 
charge   8 Opera Widgets for Web Designers and Developers

8. Charge by the Hr

Charge by the Hr allows you to keep track of the time you’ve spent working on a project. It also allows you to put in an hourly rate, so you can see how much you’ve made as time passes (a bit of motivation).

So what do you think of these widgets? Have you used them yourself? Would you use them? Do you have any favourites of your own you’d like to add? Let us know in the comments.

Ads by Google

Ads by Google

3 Comments - Write a Comment

Reply

Scott

Opera is Simply the best browser around. FF , though, is improving (by copying features and not innovating like Opera) ….. Nice list of Widgets there ….

Reply

Chuck

@Ross

Thanks for Screen Ruler app, very handy

Your comment