2012-08-29

Firefox 15 is great for development

Firefox 15 was just released this week and I have been using it since the beta began and as far as I am concerned it is the best browser for development purposes. Let me highlight a couple of reasons why.

Working with CSS
A lot of times when developing a web site or web application, getting the "look" just right requires quite the effort. Up to now one of the best tools for working with CSS in Firefox was Firebug. However with the latest Firefox, you can just right-click on any element on a page and select "Inspect Element  (Q)" and you get to see all the properties of the element and adjust them on the fly and see what effect your changes. Now this has been there for a while, but with version 15, in the bottom-right corner, you now get visual tool showing you the overall size of the element and the size of each of its properties (borders, padding and margins). Quite useful, here is a sample:



Testing for Mobile
As we go along in 2012 and beyond, a good portion of work will require us to make sure a site is mobile-ready. So if you are doing Responsive Design (using CSS Media Queries), you can now test your design in Firefox 15 without the need of having various physical devices. Simply navigate to the site and select from the Firefox menu, "Web Developer > Responsive Design View" and you will be able to see how your site looks based on some predefined screen resolutions that are available.






So happy developing using Firefox 15!

7 comments:

Anonymous said...

buy a QJjjCvYP [URL=http://www.cheapguccireplica.tumblr.com/]gucci outlet online[/URL] for gift GhfabJmJ [URL=http://www.cheapguccireplica.tumblr.com/ ] http://www.cheapguccireplica.tumblr.com/ [/URL]

Anonymous said...

get WodheZdr [URL=http://www.cheapguccireplica.tumblr.com/]gucci outlet online[/URL] , for special offer ITLLgUMs [URL=http://www.cheapguccireplica.tumblr.com/ ] http://www.cheapguccireplica.tumblr.com/ [/URL]

Anonymous said...

order an dtbcVDfh [URL=http://www.cheapdesigner--handbags.weebly.com/]replica designer handbags[/URL] and get big save USbNMWKK [URL=http://www.cheapdesigner--handbags.weebly.com/ ] http://www.cheapdesigner--handbags.weebly.com/ [/URL]

Anonymous said...

click to view vobUKfCa [URL=http://www.aaareplicahandbags.weebly.com/]imitation coach purses[/URL] for more qltdDZvs [URL=http://www.aaareplicahandbags.weebly.com/ ] http://www.aaareplicahandbags.weebly.com/ [/URL]

Anonymous said...

Ahaa, its fastіԁious diѕcussion about this
post аt this plaсе at this webpage, I hаνe гead
all that, so at thiѕ time me аlso commentіng hегe.


Loоκ into mу web blog - air conditioning troubleshooting flowchart

Anonymous said...

Hey there! This is kind of off topic but I need some help from an established
blog. Is it very hard to set up your own blog? I'm not very techincal but I can figure things out pretty quick. I'm thinking about creating my own but I'm not sure where to start. Do you have any points or suggestions? Cheers

Feel free to visit my page ... the tao of badass

Anonymous said...

My brother recommended I may like this web site. He was
entirely right. This publish actually made my day.
You cann't consider simply how a lot time I had spent for this info! Thank you!

Feel free to visit my homepage :: the tao of dating for women