Useful Online Web Design Tools

Here is a nice little online collection of useful tools for any web designer.

Golden Ratio
This tools calculates the golden ratio for your designs.

Grid Calculator
Very handy tool for the designer who uses grids to mock-up site layouts.

Reflection Maker
A tool with creates a reflection for any image.

Table Generator
A tool for creating tables with column classes applied.

CSS Type Set
A tool for testing out CSS styles on your web content.

Markup Generator
Markup Generator is a simple tool created for xhtml/css coders. It’s main purpose is to speed up your work by generating xhtml markup and a css frame out of very intuitive, shortened syntax so you can jump directly to the elements styling.

Vector Magic
A tool that generates Vector artwork from a bitmap image. It is allot like Illustrator's live trace.

YAML Builder
An interactive code-generating tool for authoring custom CSS layouts.

+dwebb

12 Firefox Extensions for Web Designers

I just updated Firefox to Version 3.0 and although I still have to test pages in IE for the web, I exclusively use the mozilla based browser for all my surfing needs. Firefox's use of extensions greatly enhances it's functionality and there are a number of great plug-ins for the web professional. Here are 12 that I use and have found very helpful.


Screengrab! 0.95
Screengrab saves entire webpages as images...
FireShot
FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations.
ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
MeasureIt
Draw out a ruler to get the pixel width and height of any elements on a webpage.
JavaScript Debugger
a powerful JavaScript debugging environment for Mozilla based browsers.
Picnik
Add a menu options and a toolbar icon to make importing images into Picnik easier.
Autofill Forms
Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
Firebug
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page
Web Developer
Adds a menu and a toolbar with various web developer tools.
YSlow
YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.
CSViewer
A simple CSS property viewer

Let me know if you have any favorites and i will add them to the list ;)

+dwebb

Online Tools For SEO Ranking

Here are some great online tools for checking on the ranking of websites. It is a collection of services to benchmark your site performance versus your competitors.

1. SEO Tool - Rank Checker
2. WebSiteGrader
3. Keywordspy
4. Compete
5. Touch Graph
6. Check Your IndexRank
7. SeoDigger
8. Xinu Returns

+dwebb