Kraftwerk

August 7th, 2006

Jeg har sett Kraftwerk live. :)

Autobahn

Posted in General | No Comments »

Changes

July 31st, 2006

It has been a bit quiet here, but finally something changes. I’ve made a new front page page for 9ls.org and I’ve added a new section; a photo gallery.

After some trying and failing of ready-made gallery-script, I began to make my own. As the ones I found didn’t have the feature I wanted or was too bloated for my use. I will hopefully post pictures on a regular basis.
Currently the text in the gallery is only in norwegian but I will probably add english text.

Posted in General | No Comments »

Accesible Forms

February 16th, 2006

Link list to articles about writing accessible forms and usability.
The last two links are about styling form control and how they render in the different browsers under different OS.

Posted in HTML, Links | No Comments »

Site specific stylesheets in Mozilla

December 20th, 2005

One of the new features in Mozilla Firefox 1.5 is the at-rule for matching on site/document. This allows you to make site specific[1] css rules in your userContent.css[2]file.

Example of the syntax:
@-moz-document url-prefix(http://www.domain.com/) {
 body {
   background: white !important;
   color: black ! important;
 }
}

In the example above the you would overrule any background and color style set for the body on the site www.domain.com. This is handy for sites that uses inaccessible colors or for some reason you just want to change the look of.

Real life example

On to a real life example and what isn’t a better place to start than slashdot.org?

Slashdot original screenshot:
slashdot original screenshot

This is the original screenshot from politics.slashdot.org, note when images are turned off you cannot see the headline. Since they haven’t specified a background for the header and uses white background in the parent element. This also happens if the background image isn’t cached. You have to waited for it to be downloaded to be able to read the headlines.

The the solution

@-moz-document url-prefix(http://politics.slashdot.org/){
 #slashboxes h4, .article h3, .generaltitle h3 {
   background-color: #04559f !important;
 }
}

Slashdot “fixed” screenshot:
slashdot fixed screenshot

As you can see, there isn’t much code needed to fix this annoyance. Note that this line does not overrule the background image that slashdot have set in their css file, it only adds a needed background color.

You can view my complete set of styles that I use on slashdot. I could of cource make one generic style for the whole slashdot site but I wanted to make the style for the each section fit in with their respectively designs.

References

  1. http://simon.incutio.com/archive/2004/08/19/specific/
  2. http://www.squarefree.com/userstyles/
  3. http://lists.w3.org/Archives/Public/www-style/2004Aug/0135.html
  4. https://bugzilla.mozilla.org/show_bug.cgi?id=238099

Posted in CSS | 2 Comments »

Mozilla Firefox 1.5

November 30th, 2005

firefox 1.5

Mozilla Firefox 1.5 is finally released. :)

What’s new:

  • Automated update to streamline product upgrades. Notification of an update is more prominent, and updates to Firefox may now be half a megabyte or smaller. Updating extensions has also improved.
  • Faster browser navigation with improvements to back and forward button performance.
  • Drag and drop reordering for browser tabs.
  • Improvements to popup blocking.
  • Clear Private Data feature provides an easy way to quickly remove personal data through a menu item or keyboard shortcut.
  • Answers.com is added to the search engine list.
  • Improvements to product usability including descriptive error pages, redesigned options menu, RSS discovery, and “Safe Mode” experience.
  • Better accessibility including support for DHTML accessibility and assistive technologies such as the Window-Eyes 5.5 beta screen reader for Microsoft Windows. Screen readers read aloud all available information in applications and documents or show the information on a Braille display, enabling blind and visually impaired users to use equivalent software functionality as their sighted peers.
  • Report a broken Web site wizard to report Web sites that are not working in Firefox.
  • Better support for Mac OS X (10.2 and greater) including profile migration from Safari and Mac Internet Explorer.
  • New support for Web Standards including SVG, CSS 2 and CSS 3, and JavaScript 1.6.
  • Many security enhancements.

Get it at mozilla.com

Posted in General | No Comments »