Tag: Firefox
More useful extensions for developing with Firefox
A while ago I wrote about some of the extensions I use with Firefox which make the job of web development easier. I’ve since added some new ones to Firefox that I use on a fairly regular basis, so thought I should update the list.
First-letter bugginess
Recently I made some changes to the typography of subheadings on this site: I made them all uppercase and for the h2s I used the first-letter pseudo class to give the first letter a larger font-size (150%).
Legends of Style Revised
When I wrote the original article on how to achieve cross-browser consistency when styling form legends, I noted that there was a bug in the way Firefox handled legends which required an additional div to be wrapped around the fieldset with positioning and other styling applied to the div rather than the fieldset. The bug appears to still have not been resolved, but as Thierry Koblenz pointed out in the comments on the original article, there is a way to achieve the same effect across browsers that doesn’t require the additional div.
HTML/CSS newbie FAQs
After spending a while on web development forums, you start to see the same questions being asked regularly. So here I’m going to answer some of these common beginner questions and hopefully save me typing answers out repeatedly in the future because I can just refer the poster to here or copy it myself. 
My website’s broken!
A furore has erupted over the past couple of days within a section of the web development community over a decision by Microsoft to require web developers to add a meta tag to their pages to define what version of Internet Explorer a site has been designed for. I’m not going to go into the pros and cons of this decision as it’s been comprehensively covered elsewhere.
Tools for checking website accessibility
Following on from my last post in which I mentioned screenreaders (or alternatives) that people might like to try for checking their own sites’ accessibilty, and an earlier post in which I listed the extensions I use for web development with Firefox, I thought I’d also list the different tools I use for testing website accessibility.
Legends of style
UPDATE: following on from comments by Thierry Koblenz, I have written an update to this article. The techniques described below will still work in different browsers, but the new article explains how it can be achieved with a little less mark-up.
It’s a well-established fact that achieving cross browser consistency when styling form controls is an “exercise in futility”
. And one of those elements that just won’t play ball is the <legend> tag.
Why does my content flow outside its box?
Usually this question is accompanied by: “It looks fine in Internet Explorer but not Firefox”
and it’s usually because a height has been specified on the element in question.
Which browsers should I test in?
Well I’ve discussed which browser to avoid using for primary testing, and which browser I prefer to use, so which browsers should one test in?
Developing your site using Firefox
As mentioned previously, I have a personal favourite browser when it comes to web development and that is Firefox. This is not only because of its good standards support (although it doesn’t yet pass the Acid 2 Test) and not because it has tabbed browsing and not because it’s any other browser other than Internet Explorer.
