Designer’s Toolbox has mockup ready PSDs of form elements ready to be used in mockups, etc. IE and Firefox on Windows, plus Firefox and Safari on Mac OS X. [ via jason ]

GridFox is a Firefox extension that overlays a grid on any website. Easy to customize, allowing you to create the exact grid you designed your layout around. I just downloaded this and i instantly love it. Can see how i can adjust my css instead of having to go back to Photoshop.

SaveTheDevelopers.org “Making The Web A Better Place, One Campaign At A Time…”

Ping Servers from the Firefox Address Bar

John Resig notices that Safari, IE, and Firefox browsers round pixels differently.

Take the following page for example. You have 4 floated divs, each with a width of 25%, contained within a parent div of width 50px. Here’s the question: How wide are each of the divs?

The problem lies in the fact that each div should be, approximately, 12.5px wide and since technology isn’t at a level where we can start rendering at the sub-pixel level we tend to have to round off the number. The problem then becomes: Which way do you round the number? Up, down, or a mixture of the two?

CSSVista is a free (but in early beta apparently) Windows application for web developers “which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously”.

Eric Meyer constructed a browser timeline built out of a table, and how he went about coding the html and css. Nice work.

This is a personal note for me (and anyone else who stumbles on this) regarding a possible CSS bug for Firefox.

Say you have two divs - both have floats so that they can end up being two columns on your site. But sometimes when you add a dropdown menu (<select> tag) to one div) it will break the layout… usually meaning that the other div will be pushed down. And this usually happens only in Firefox. IE sees it just fine.

After some mindless tinkering try this - try switching the ORDER OF YOUR divs. So instead of having:

<div1>
<select><option value="something"></option></select>
</div1>
<div2>Right Column</div2>

switch the order in the html, and adjust the css floats (from “left” to “right” for the div2 in this case):

<div2>Right Column</div2>
<div1> <select><option value="something"></option></select> </div1>

This doesn’t really address the oringial problem, although it does fix the issue - and unless i’m missing something, this appears to be a bug in Firefox (although I have not tested this on a Mac version of Firefox).

There’s been a lot of talk lately about the development (or lack of) web standards, but not going to create multiple posts about it (yet). Best summary of everything so far is the “Future of Web Standards” article at b-list.org. Also “Reigniting the Browser Wars” and The W3C Cannot Save Us are excellent reads.

High Schooler Gets Detention for Using Firefox?

I thought this was pretty cool, and it’s being updated and maintained. FlashTracer is a Firefox extension that allows swf trace output while running any of the swf in a browser window.

Next For Firefox - Online Services? Interesting, but not a new concept.

Since I still work in Flash, I decided to bookmark some links and pages related to useful firefox plugins for Flash. Flash Switcher is so far my favorite plugin. If you stumble on this post and can throw me more relevant links, drop a comment.

• Firefox Plugins for Flash Platform Developers
• Flash Switcher for OSX
• Flash Switcher (win)
• User Info for Alessandro Crugnol