Useful Tools for Web Designers
Every professional needs a tool that can be used towards improving the quality of the work that they do. Regardless of whether you are an experienced specialist or just barely starting your career, it is understandable to want to finish the project with a favorable outcome at minimal expenses. Here are some useful online tools that can become handy when creating your masterpieces.
CSS3, Please! Is the Cross-Browser CSS3 Rule Generator. You can edit the underlined values in this css file, but don’t worry about making sure that the corresponding values match, that’s all done automagically for you.
SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.
CSS Validation by W3C
Online CSS Reset Tool
CSS Reset helps you neutralize many disparate browser defaults and establish a clean foundation for applying CSS consistently across browsers.
CSS3 Button Maker
The CSS3 Button Maker gives you a number of sliders and color pickers to style your own CSS3 button. Then you can grab the code to use in your own project.
CSS3 Transforms gives you a set of sliders to experiment with various transforms such as position, rotation, skew and more. It also generates the corresponding code on the fly.
Font-Face Kit Generator
Nice CSS3 @font-face generator from Font Squirrel.
HTML5 Security Cheatsheet
If you are looking for a way to learn HTML5, the cheatsheet contains all the details you want to know and learn about HTML5.
HTML5 Gallery showcase sites that use of HTML5 markup, so that we can see how people have interpreted the specification and how they’ve implemented it. Also, educates about HTML 5
Everything you need to know about HTML5 features and other information is present in this sheet including all currently supported tags, their descriptions, their attributes and their support in HTML 4.
CSS Template Layout Module
This module contains everything you need to know about CSS and what it is capable of. According to the abstract, “CSS is a simple, declarative language for creating style sheets that specify the rendering of HTML and other structured documents.”
The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier.
Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in their database.
Typechart lets you quickly evaluate an assortment of web typography. Once you’ve discovered the font you like, you can use the Get CSS button to obtain the style rules for it.
Google Font Preview
The new Google font previewer lets you test drive all the fonts in the directory so you can decide which web font in the Google Font API works best for your requirements.
Less Framework 3
Less Framework is a cross-device CSS grid system based on using inline media queries.
If there are any other web design tools you would like to share, you are more than welcome to do so!