Opera 7's Alternate Stylesheets

Use them to check accessibility and debug layouts.

[papabaer]

For those who may not be aware of this feature, Opera 7 comes supplied with 12 Alternate stylesheets. You can enable these individually or in combination with others. I have to say, this is a must have feature for serious Webmasters.

Here is a list of the included Alternate Stylesheets:

Emulate text browser

Nostalgia

Accessibility layout

Show images and links only

High contrast (B/W)

High contrast (W/B)

Hide certain sized elements (agressive)

Disable tables

Show structural elements

Debug with outline

Use default forms design

I can't emphasize how valuable of a teaching mechanism these are. And how valuable a debugging tool. There was a post earlier today where a member was troubled by a "float vs. div" background color issue. If the page in question was viewed using the DEBUG stylesheet, the explanation would have been imediately apparent.

I'm curious if anyone else here has used this useful feature.

-papabaer

p.s.
Show Structural Elements is very cool too... look for the summary at the bottom of the page. Find out how many FONT TAGS and NESTED TABLES were found...

p.p.s. Birdman! Checkout the DEBUG for sandbag divs! Select DEBUG, but keep your own stylesheet active (don't select USER STYLESHEET, just check the Debug option)-- Great tool for sizing those sandbags...

[UncleDamn]

Highlight text, right click and select copy to note, then you can go back and look at the text later.
Oh, forgot to mention "paste and go" for uris

[SuzyUK]

I've been MIA cos I read this thread!

My skin of choice is Simplified Breeze. [my.opera.com] (#2 today, relatively new..). Then if you follow the link to the authors (non troppo) WIKI page and find the section on Opera7Tips, you can find ways to enhance it even further..I've already Enhanced the bookmark feature

Notes: brilliant! No longer do I have to open up notepad to copy and paste "notes"

also a useful tip I picked up on that WIKI page was to download (no need to use) a very small HTML editor (scintilla) then change your preferences to use this as your source viewer and you get coloured markup

Re: accessibility...
What I also saw for the first time is <link rel> targets being incorporated into a site navigation menu..brilliant accessibility feature (I believe Moz 1.1? has added this feature in too..)

I only recently converted to NN7, I must be such a hussy..I'm changing allegiance already!

Suzy

<added> forgot about Shift+F2 along with the bookmarks "nicknames" mega fast!</added>

[UncleDamn]

I must admit, the view source function in Mozilla is good. It shows the source Html in different colours as if though in an html editor....

[Quark]

Ok, I got Opera 6.02 for Macs. They say 7.0 for Macs is scheduled for release later this year. I'll look forward to playing around with this browser, especially after reading through all the threads on Opera 7.

Quark

[werty]

Oh wow, I have been using 6.05 as my default for a while. I tried 7 when it came out but did not like it. I think it will become my default browser now. Those alternate stylesheets are great. My favorite is show structual elements.

[SuzyUK]

"structural elements".. cool ;) or is it?

this page contains 149 font tags and 11 nested tables

;) just noticed that at the very bottom!

Suzy
(of course it'll be more now! cos I see I've just created another 4 nested tables, just by posting this)

[caine]

That is absolutely mental.

Brillant find papabaer, full browny points too you!

Nastalgia and Emulated Text Browser together are excellant view of a page.

[universalis]

I must admit, the view source function in Mozilla is good. It shows the source Html in different colours as if though in an html editor....

Of course, it would be even better if you could actually View Source in a real HTML editor rather than just within a Mozilla window - you can do this easily in Opera 7, or even with IE!