mooSlide
mooSlide is a slide class for mooTools which is very easy to use and configure. It’s a functional tool to present any type of content. You can also use it as a lightbox replacer.
Safari Web Inspector
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.
HTML-ipsum
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
IE6 upgrade warning script
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.
Test your website
Here is another useful website for all web designers and developers. It’s an online tool that has 100+ tests for your website.
What’s that font?
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.
Firefox productivity tools.
We all know and love Firefox. If you use Firefox, especially for web design/developement, you know that there are some very nice Firefox plugins to help you with your productivity. Most of you will know Firebug, mentioned in an earlier post on this blog. Firebug is perfect if you want quick access to the code in any page. You can target any element to see the markup, the CSS, the layout, and the DOM in an instant. Firebug is much loved by many designers. But Firebug isn’t the only tool that Firefox has up it’s sleeve. There are several more that most people don’t even know about.
Refcard: jQuery
jQuery is a javascript framework that has taken the net by storm. This is – for myself – probably one of the most exciting things to come out in a while. Below is a RefCard for jQuery that you can download. My apologies to Chris for only putting this up now.
Refcard: Photoshop
For all you Photoshoppers out there – here is a Refcard for you. Unfortunately, it’s based on Photoshop 7, but as you’ll see most if not all of it is still relevant.
Refcard: Core CSS part 3
Here is part three of the Core CSS reference cards. I hope that this will help you as much as it has helped me.
Get it right here: Core-css3
Fixxxer (1)
Jamie Stewart (1)
What people said