We all should know about the Firefox Firebug plugin, but did you know about the built-in web inspector for Apple’s Safari browser?
It’s a powerful set of tools that make it easy to debug, tweak, and optimize a website for peak performance and compatibility. You can view the structure of a page (DOM and CSS), debug JavaScript and graph page resources by either size or load time.
Here is a website that can generate Latin filler text with HTML tags. Clicking on any of the blocks automatically copies the text to your clipboard. It was created by Chris Coyier of css-tricks.com
Are you tired of having to write custom scripts for IE6? This is a handy little script that politely informs the user to upgrade. I absolutely detest IE6, and I will be using this script on some of my sites.
Here is another useful website for all web designers and developers. It’s an online tool that has 100+ tests for your website.
Sometimes when I ask the client for a copy of their logo I get a letterhead or business card given to me, so I then ask if they have a digital version of the logo, which is greeted with a puzzled look and “I’ve got it on a CD but I’m not sure where it is”. Sometimes you get given a brochure, advert or a link to a website and they want that font. So what do you do when all you have is the image and want to know the name of the font? You can spend hours searching through thousands of fonts, or online there is a handy site called WhatTheFont, it’s still in beta but I have used it a couple of times with great success.
I found this video on YouTube a while back…
click to enlarge
You probably all know about the sharpen filters in Photoshop but I have another quick and very effective way to sharpen your photos. I was shown this technique by a professional photographer. I believe I get better results using the high pass filter.
Read more on Sharpen your photos using Photoshop’s High Pass filter…
Here is a contact form script that I have put together over the past couple of months.
I started off with my basic contact form in html, css and php. But I started to get spam so I added a honeypot captcha. As spam bots can’t resist filling in every field that they see, I made one field invisible using CSS (Spam bots tend not to use CSS). The php then checks to see if the field is empty before it sends. This method may not fool all the spam bots but it will drastically reduce the amount of spam.
If you don’t know already Firebug is a Firefox extension for web designers and developers. You are able to target any element on a page to see the markup, the CSS, the layout, and the DOM in an instant. It is truly an essential component to have and it has saved me countless times when trying to debug a website.
Download it here…
http://getfirebug.com
If you enjoyed the post, make sure you subscribe.
If you would like to contribute in some way then please contact us at
© 2009 TypeBased. All Rights Reserved.
Powered by WordPress. Theme adapted from TypeBased by 
Fixxxer (1)
Jamie Stewart (1)
What people said