Design+
Photo+
Create

Making notes in HTML and CSS

Code detail

Building web pages can be confusing. Working with other people’s code can be doubly so. A good habit to get into is to add notes to your work. This could be to break your CSS into logical groups (Header, Image, Copy , Footer) or perhaps to explain exactly what that complicated-looking piece of Javascript actually does.

Continue reading…

Removing the grey outline
that Firefox adds to Flash content

Firefox

I like Mozilla Firefox very much, but release 3.6 has started adding an outline to Flash content when it is clicked on. This is quite unsightly if you use Flash for contact forms, navigation, or even your whole site.

As a sidenote, I use swfobject for embedding Flash files, which keeps everything nice and valid.

The Fix

Simply add this to your CSS file

object {
outline:none
}

The CSS still validates with this rule and it solves the issue. I’d love to hear if there is a better way however.

Now if only there were a way to get rid of Opera’s double-click-on Flash content issue…