If you feel you have any questions about web development, our web developers are always keen to dish out advice so feel free to get in touch by using our contact page.
This little nugget of joy allows you to hover over any element on a web page and shows you a list of all CSS properties and values attached to that element. It’s basically a great snooping tool for nosey web folk!
Need to see how bad your website looks in IE8+ or even the Motorola Razr? This extension simply opens the current web page into a browser loaded on remote server. This little guy is essential for modern web debugging.
If you’re a little OCD with you CSS you can use this handy tool to outline all the elements on a page to see how well everything is aligned. This most handy when you’re trying work out why an elements aren’t behaving like they’re supposed to.
10) Form Filler
If you’re testing a form (checking for validations and that the data is being captured as intended), this form filler autofills all forms on a page with dummy data. It’s not all gibberish test data either, there are some curiously realistic names and address here. Definitely a personal favourite and huge time saver.
Possibly other options out there, but for measuring the front-end performance of your website or application, YSlow from Yahoo will fully analyse your page and return a comprehensive list of recommendations to speed it up.
A common favourite for everyone, not just web devs – SilverBird is basically Twitter in a minified form. After hooking it up to you Twitter account, you can see your news feed as well as open new ‘tabs’ and have your favourite feeds and lists coming through every time you open this time-saving little devil. SilverBird also lets you tweet and even has it’s own url shorter.