2009-09-24, 06:14 AM
- http://colorschemedesigner.com/
This site helps you to find the right color scheme for your website.
- http://www.sprymedia.co.uk/article/Crosshair
When designing and developing to the grid, it can be very useful to ensure alignment between various layout components on the page. One easy way to do this is to use a crosshair cursor. Crosshair is a JavaScript bookmarklet which provides exactly this on any web-page you wish.
- http://drawter.com/
Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
- http://slayeroffice.com/tools/modi/v2.0/modi_help.html
The Mouseover DOM Inspector, or MODI for short, is a favelet (also kwn as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document.
- http://www.sprymedia.co.uk/index
almost all on this page
- http://www.westciv.com/xray/
XRAY is a bookmarklet that allows you to see the box model for any element on any web page.
- http://debug.yaml.de/
An assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.
Feel free to add/remove some.
This site helps you to find the right color scheme for your website.
- http://www.sprymedia.co.uk/article/Crosshair
When designing and developing to the grid, it can be very useful to ensure alignment between various layout components on the page. One easy way to do this is to use a crosshair cursor. Crosshair is a JavaScript bookmarklet which provides exactly this on any web-page you wish.
- http://drawter.com/
Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
- http://slayeroffice.com/tools/modi/v2.0/modi_help.html
The Mouseover DOM Inspector, or MODI for short, is a favelet (also kwn as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document.
- http://www.sprymedia.co.uk/index
almost all on this page
- http://www.westciv.com/xray/
XRAY is a bookmarklet that allows you to see the box model for any element on any web page.
- http://debug.yaml.de/
An assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.
Feel free to add/remove some.