Reviewing my bookmarks this month, I found some really great resources that I had to write about. In case you missed them, here are the best which (for the most part) went under-noticed. Enjoy!

HTML

You think you know HTML, don’t you? | kay lives here – An insightful opinion piece about front-end coding in general. Some good discussion is a bonus.

HTML Reference (beta) – SitePoint’s new HTML reference covering concepts, elements, attributes, compatibility and even microformats! You will want to bookmark this for future reference. A perfect complement for their CSS reference.

For many of us designing fluid layouts, which are generally based in “em”s (pronounced like the letter M) you end up not really knowing how many pixels an “em” is while you are deep in the DOM tree. This is especially confusing if you increase/decrease text size with your browser.

For this reason, I have created a simple Javascript function that you can use to poll any element on your test page and figure out what size an “em” is.

You already know that Firebug is quite possibly a web developer’s best friend. You also know that you can edit pretty much anything with it and see results immediately. We can add one more thing to that list today.

You may not have known that you can also edit the values in the layout pane as well! (You can find it on the right side of the HTML tab) This makes it even easier to adjust the layout of a block and see the results. As a bonus, if you press the up and down arrow keys while editing a value the pixel value will adjust by one pixel in that direction. One note on this though, you can’t specify values in anything other than pixels (sorry fluid layouts).