James Oppenheim’s blog

I have Firefox 3 open basically all day while I am at work and just to spice things up I thought I would share some of its hidden features / Easter eggs.

In the address bar try typing the following:

1. about:mozilla
   - The Book of Mozilla, 11:9
2. about:robots
   - Welcome Humans! from the robots. Also, try pressing the button.
3. chrome://browser/content/browser.xul
   - Opens another browser inside the current browser

Enjoy!

Technorati Tags: Firefox, Easter Eggs, Web

It is possible to use multiple CSS classes on one HTML element. For example:

class="first second"

This is fantastic to produce reusable default styles that can be slightly overridden by the use of a second, third or fourth class. However, what becomes more interesting is that you can use both of the CSS classes in combination to create a more specific class.

For example, if the first class was ‘green’:


.first {
background-color: green;
}


and the ’second’ class was red:


.second {
background-color: red;
}


But when an element has both classes together ‘.first.second’ you get yellow.

.first.second {
background-color: yellow;
}

A point to note with the multiple classes is that the order is not important, for example: ‘.first.second’ is the same as ‘.second.first’.

However, there is a problem! In IE6, ‘.first.second’ works exactly the same way as ‘.second’. This is because IE6 doesn’t understand the chain of classes within a CSS selector, but instead only reads the last class in the chain.

Because of this we can’t safely use this technique if we want to support IE6. However, we can use it to create a IE6 CSS hack! To do this we add a random class that does not exist on the element before the real one and only IE6 will still match it. For example:


.ie6.third {
background-color: orange;
}


I have setup a demo page to demonstrate the multiple CSS classes & the IE6 CSS hack.

Technorati Tags: CSS, Examples, Web Standards, IE6, CSS hacks

Welcome to the 2009 CSS Naked Day. It is a celebration of semantic HTML markup by turning off your website CSS styles on 9th April each year.

I am in - do you want to get naked too? You will have to be quick it only lasts a day.

Technorati Tags: Areeba, CSS, Personal, Web Standards, Usability