
30 Symbols for Web Designers & Developers
Dashboard Widgets are created using the easiest and most wide spread
of languages, namely, HTML, CSS and JavaScript. So, they are quite
simple to develop,and often there functions are very simple as well, but
they are useful. Below you will 30 MAC Dashboard Widgets for Web Designers and Developers. I hope they help.

CSS Cheat Sheet Homepage »
A must for any web developer, this widget displays the much of the essential information from the CSS Cheat Sheet from Added Bytes.

Tags – CSS Homepage »
With this widget you can lookup with ease CSS Properties and Attributes and copy them to the Clipboard.

CSS Reference Homepage »
CSS Reference contains complete definitions of the most popular CSS values, along with syntax and variables. You can easily switch among the six section by using the buttons at the top of the widget.

CSS: Aligning type to a baseline grid Homepage »
This widget calculates the relative font size and line height and copies the formatted CSS to the pasteboard.

.clearfix Homepage »
This is one handy widget, just press the button to have the CSS .clearfix code available in your clipboard.
PHPQuickReference

PHPQuickReference Homepage »
PHPQuickReference gives you a handy PHP reference right on Dashboard. Search with autocompletion and hints and copy and paste sample code to your project.

PHP Function Reference Homepage »
PHP Function Reference provides fast lookup of information about the PHP web programming language. The following languages are available: English, French, Spanish, German, Italian, and Romanian.

Tags – PHP Homepage »
With this widget you can look up PHP functions, copy the text to the Clipboard, and you can also click on the function name to be linked to the PHP Online Documentation in your web browser.

W3C Tool Kit 1.2 Homepage »
W3C Tool Kit is a little Widget with fast access to the W3C Markup and CSS Validator as well as their Link Checker.

Quick Codes 2 Go 2.5 Homepage »
Quick codes allows you to build an html document and you then simply copy and paste it. Available inEnglish and Spanish.
JavaDoc Homepage »
JavaDoc is a Mac OS X Dashboard widget to quickly access the local Java API. Local Java API documentation must be installed, you can do this from the XTools installer options, on the Mac OS X DVD, or from http://connect.apple.com/.

Prototype Reference Widget Homepage »
This widgets allows you to quickly search the Prototype documentation, it’s quite simple to use: For instance if you are looking for documentation on “Event”, just type “event” – if you want some details on “Event.observe”, just enter “Event.observe".

Tags – HTML Homepage »
You can search for HTML tags by Tag Name and Property and then click to copy the text to the Clipboard.

HTML Tidy Widget Homepage »
This widget allows you to use HTMLTidy to clean up your HTML code directly from your Dashboard. Simply enter your HTML code and click "Tidy It!" and you will get nicely formatted valid HTML, XHTML, or XML, and a list of any errors and warnings encountered.

HTML Entity Character Lookup Homepage »
Using HTML entities is the right way to ensure all the characters on your page are validated. With this widget you won't have to scan through 250 rows of characters to find the right entity code, it is all automated.

HTML Character Homepage »
This is a small widget similiar in function to the widget above, with slightly less options.

Symbol Caddy Homepage »
The Symbol Caddy Dashboard widget keeps a few common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code.

fcXHTML Reference Homepage »
The Fuzzy Coconut widget, is an off-line reference to the XHTML 1 specification from the W3C. The fcXHTML Reference widget does not function by retrieving information from the internet; instead it's entirely self-contained, so it’ll work even when wi-fi doesn’t.

Super Rule Homepage »
With Super Rule you can easily and precisely measure the spacing of your graphics in any web browser.
Page Capture Homepage »
The Page Capture is a screen capture widget, that is both easy to use and lightning fast. No matter how long a page may be, the Page Capture widget will capture the entire page and save it to an image.

Screenshot Plus Homepage »
Screenshot Plus can take full screen captures, grab portions of the screen, and even capture windows, desktop icons, and other widgets. Captures may be saved to the clipboard or to the hard drive, or they may be exported to any application directly from the widget.

ColorSchemer Homepage »
ColorSchemer Galleria is a free Dashboard widget that allows you to browse all of the schemes in the ColorSchemer Gallery without leaving your Dashboard, putting an endless supply of color ideas & inspiration at your fingertips.

ColourMod – DHTML Colour Picker Homepage »
ColourMod allows the user to input a starting value and get an automatic conversion. Whether you start with RGB, CMYK, HSV or a Hex value you will get its equivalent in RGB, CMYK, HSV and Hex. It also allows for the user to select their own colours and get the color's corresponding Hex, HSV, CMYK and RGB values. There are currently two methods of colour selection: Default Color selection and Color Wheel selection.

Color Theory Homepage »
Color Theory helps you design your website, redecorate your home, or perhaps even choose your outfit in the morning. It can even simulates various forms of color blindness. The Sphere uses basic color theory in order to automatically provide you with visually appealing colors.

RGB Converter Homepage »
This cool little widget is a light-weight, RGB color converter, with an intuitive interface that makes value entry quick and simple. The color swatches and other values update as you fill in fields.

Twitter REST api Widget Homepage »
This widget contains the Twitter REST api. Not all of the fine detail is there as in the official documentation and it is only intended as a quick guide at the top level.

ApacheConfig Homepage »
This widget add PHP scripting support on external server on Mac OS X.

SiteStatus Homepage »
This widget allows to monitor a website or a web server in order to know if it is online or not. You simply give the complete URL including http://. Optionally, you can provide a specific string to be found in that particular web page to be sure you’re monitoring the correct webpage. If the string is left empty, it will simply check if the URL is online or not.

Web Monitor Homepage »
This widget monitors your servers or any web site. The widget checks the response time periodically with a HTTP HEAD request which doesn’t put much impact on the server. It shows a response time chart, response time statistics and has an error log where you can see when and why requests to the server failed.

Lorem Ipsum 2.2 Homepage »
A small Dashboard widget that will generate variable length Lorem Ipsum text. A slider control allows you to select a variable portion of placeholder text or you can choose to copy a random sentence, paragraph, word, title or list to the clipboard.

.Com Domain Name Search Homepage »
Search for a .com domain name from the number one registrar GoDaddy. With the domain widget you can search for domain names with out worying that the company at the other end will snatch up your name from you.
CSS Cheat Sheet

CSS Cheat Sheet Homepage »
A must for any web developer, this widget displays the much of the essential information from the CSS Cheat Sheet from Added Bytes.
Tags – CSS

Tags – CSS Homepage »
With this widget you can lookup with ease CSS Properties and Attributes and copy them to the Clipboard.
CSS Reference

CSS Reference Homepage »
CSS Reference contains complete definitions of the most popular CSS values, along with syntax and variables. You can easily switch among the six section by using the buttons at the top of the widget.
CSS: Aligning type to a baseline grid

CSS: Aligning type to a baseline grid Homepage »
This widget calculates the relative font size and line height and copies the formatted CSS to the pasteboard.
.clearfix

.clearfix Homepage »
This is one handy widget, just press the button to have the CSS .clearfix code available in your clipboard.
PHPQuickReference

PHPQuickReference Homepage »
PHPQuickReference gives you a handy PHP reference right on Dashboard. Search with autocompletion and hints and copy and paste sample code to your project.
PHP Function Reference

PHP Function Reference Homepage »
PHP Function Reference provides fast lookup of information about the PHP web programming language. The following languages are available: English, French, Spanish, German, Italian, and Romanian.
Tags – PHP

Tags – PHP Homepage »
With this widget you can look up PHP functions, copy the text to the Clipboard, and you can also click on the function name to be linked to the PHP Online Documentation in your web browser.
W3C Tool Kit 1.2

W3C Tool Kit 1.2 Homepage »
W3C Tool Kit is a little Widget with fast access to the W3C Markup and CSS Validator as well as their Link Checker.
Quick Codes 2 Go 2.5

Quick Codes 2 Go 2.5 Homepage »
Quick codes allows you to build an html document and you then simply copy and paste it. Available inEnglish and Spanish.
JavaDoc

JavaDoc is a Mac OS X Dashboard widget to quickly access the local Java API. Local Java API documentation must be installed, you can do this from the XTools installer options, on the Mac OS X DVD, or from http://connect.apple.com/.
Prototype Reference Widget

Prototype Reference Widget Homepage »
This widgets allows you to quickly search the Prototype documentation, it’s quite simple to use: For instance if you are looking for documentation on “Event”, just type “event” – if you want some details on “Event.observe”, just enter “Event.observe".
Tags – HTML

Tags – HTML Homepage »
You can search for HTML tags by Tag Name and Property and then click to copy the text to the Clipboard.
HTML Tidy Widget

HTML Tidy Widget Homepage »
This widget allows you to use HTMLTidy to clean up your HTML code directly from your Dashboard. Simply enter your HTML code and click "Tidy It!" and you will get nicely formatted valid HTML, XHTML, or XML, and a list of any errors and warnings encountered.
HTML Entity Character Lookup

HTML Entity Character Lookup Homepage »
Using HTML entities is the right way to ensure all the characters on your page are validated. With this widget you won't have to scan through 250 rows of characters to find the right entity code, it is all automated.
HTML Character

HTML Character Homepage »
This is a small widget similiar in function to the widget above, with slightly less options.
Symbol Caddy

Symbol Caddy Homepage »
The Symbol Caddy Dashboard widget keeps a few common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code.
fcXHTML Reference

fcXHTML Reference Homepage »
The Fuzzy Coconut widget, is an off-line reference to the XHTML 1 specification from the W3C. The fcXHTML Reference widget does not function by retrieving information from the internet; instead it's entirely self-contained, so it’ll work even when wi-fi doesn’t.
Super Rule

Super Rule Homepage »
With Super Rule you can easily and precisely measure the spacing of your graphics in any web browser.
Page Capture

The Page Capture is a screen capture widget, that is both easy to use and lightning fast. No matter how long a page may be, the Page Capture widget will capture the entire page and save it to an image.
Screenshot Plus

Screenshot Plus Homepage »
Screenshot Plus can take full screen captures, grab portions of the screen, and even capture windows, desktop icons, and other widgets. Captures may be saved to the clipboard or to the hard drive, or they may be exported to any application directly from the widget.
ColorSchemer

ColorSchemer Homepage »
ColorSchemer Galleria is a free Dashboard widget that allows you to browse all of the schemes in the ColorSchemer Gallery without leaving your Dashboard, putting an endless supply of color ideas & inspiration at your fingertips.
ColourMod – DHTML Colour Picker

ColourMod – DHTML Colour Picker Homepage »
ColourMod allows the user to input a starting value and get an automatic conversion. Whether you start with RGB, CMYK, HSV or a Hex value you will get its equivalent in RGB, CMYK, HSV and Hex. It also allows for the user to select their own colours and get the color's corresponding Hex, HSV, CMYK and RGB values. There are currently two methods of colour selection: Default Color selection and Color Wheel selection.
Color Theory

Color Theory Homepage »
Color Theory helps you design your website, redecorate your home, or perhaps even choose your outfit in the morning. It can even simulates various forms of color blindness. The Sphere uses basic color theory in order to automatically provide you with visually appealing colors.
RGB Converter

RGB Converter Homepage »
This cool little widget is a light-weight, RGB color converter, with an intuitive interface that makes value entry quick and simple. The color swatches and other values update as you fill in fields.
Twitter REST api Widget

Twitter REST api Widget Homepage »
This widget contains the Twitter REST api. Not all of the fine detail is there as in the official documentation and it is only intended as a quick guide at the top level.
ApacheConfig

ApacheConfig Homepage »
This widget add PHP scripting support on external server on Mac OS X.
SiteStatus

SiteStatus Homepage »
This widget allows to monitor a website or a web server in order to know if it is online or not. You simply give the complete URL including http://. Optionally, you can provide a specific string to be found in that particular web page to be sure you’re monitoring the correct webpage. If the string is left empty, it will simply check if the URL is online or not.
Web Monitor

Web Monitor Homepage »
This widget monitors your servers or any web site. The widget checks the response time periodically with a HTTP HEAD request which doesn’t put much impact on the server. It shows a response time chart, response time statistics and has an error log where you can see when and why requests to the server failed.
Lorem Ipsum 2.2

Lorem Ipsum 2.2 Homepage »
A small Dashboard widget that will generate variable length Lorem Ipsum text. A slider control allows you to select a variable portion of placeholder text or you can choose to copy a random sentence, paragraph, word, title or list to the clipboard.
.Com Domain Name Search

.Com Domain Name Search Homepage »
Search for a .com domain name from the number one registrar GoDaddy. With the domain widget you can search for domain names with out worying that the company at the other end will snatch up your name from you.