• Greens (http://vic.greens.org.au) use Drupal
  Suggesting openness, freedom of expression, passionate sometimes to the point of ridiculous while being just a bit nerdy
• Liberals (http://www.liberalvictoria.org.au) use the .NET framework
  Suggesting proprietary and very trusting of large organisations, too expensive and somewhat over complicating simple needs (framework for CMS?). They don’t even cater for the old battlers:
  “We see you’re still using IE6. For better experience with our site, we suggest you to upgrade your browser to IE8”
• Labor (http://www.alpvictoria.com.au) use Community Engine
  Suggesting specialised fluff with no real substance. Most likely too expensive, but can’t disclose budgets

What do you think?

Technorati Tags: CMS, Victorian Election, Greens, Liberal, Labor

“In IE an absolutely positioned box sometimes disappears when in the source code it is the previous or the next sibling of a float”

After successfully tracking down this bug a couple of months ago I released that I had come across it before. This time so I don’t forget I will post it here. There needs to be a surrounding / separating div between the two elements to stop this.

Some interesting reading on the topic so we can all spot this bug when it comes up next:

1. http://www.brunildo.org/test/IE_raf3.html
2. http://www.brunildo.org/test/IE_raf3.pl

Technorati Tags: CSS, Web Standards, Internet Explorer, IE

…the best of the Australian web industry - sites and applications, designers and designs, innovative Australians taking it to the world. Over ten days professionals across the industry from around the country and the from around the world will come together to connect, learn and celebrate the strength of the Australian web industry.

Technorati Tags: Australian Web Week, Web

I spend most of my daily working hours as a front-end developer creating custom HTML, CSS, JavaScript for the web. However, from time to time I have to dip my toes into HTML emails. Which is not such a stretch as after all they use the same underlying technologies. Making them even more comparable is the pain I have to go through bending, cheating and hacking the code to fit with a Microsoft product:

Internet Explorer 6 is to web development as Outlook 2007 is to HTML email development - A massive time waster!

As outlined back in January 2007 by the Campaign Monitor guys Microsoft Outlook 2007 uses the Word rendering engine to display emails, that means:

1. No background images
2. Poor background colour support
3. No support for float or position
4. Shocking box model support

The Good

Internet Explorer 8 has a high level of CSS 2.1 support, which is a fantastic move in the right direction.

The Bad

Internet Explorer 6 and its additional development time to support it will be with us for a long time to come and Internet Explorer 8 does not support any CSS3.

The Ugly

Just when you though Microsoft was listening to standards bodies and creating a better Internet environment for all they mention that Outlook 2010 will also still use the Word rendering engine.

Hopefully, the Email Standards Project’s latest website http://fixoutlook.org/ will implore Microsoft to do the right thing and stop using Microsoft Word to render emails. Please, please, please. If I say it three times does it become true? I hope so.

Technorati Tags: Microsoft, Outlook, Email Standards, fixoutlook.org

Normally, I use the Shea Enhancement image replacement method that lets both screen readers see the text, provides a tooltip and also shows the text when images are turned off. However, there is one drawback: the extra span tag.

A foreground-image would sit on top of the text node, rather than behind it, and have the same options as background-image. No more unnecessary span tags - sweet!

Technorati Tags: CSS, foreground-image, Web Standards

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

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

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

What do you think?

Technorati Tags: Personal, Web design, Logo Design

To remove this outer glow, just apply some simple CSS:

outline: none;


See my example of how to turn off Safari’s input focus outer glow for detailed information.

Technorati Tags: CSS, Web Standards, Safari, Web Browsers, Input Focus