I am using Macbook pro from quite a long time now and love each and every thing of Mac OSX. Though in the start I faced some problems when I purchased Macbook pro because of totally changes UI and features, concept of spaces and corners, multi-gesture support, Dashboard and much more. But, everything was changed in few days after working in Macbook because I was well educated with the features and functionalities new OS has and was having fun with it.
I was tension free because Mac was not prone of viruses, worms, trojans or spywares and having one of the most beautiful user interface Mac OSX has. Oh yeah remember, I am not here to tell you how much Mac OSX is cool because if you are here it means you have a Mac OSX device and you already know every feature it has.
Well, this article is specially for those web designers and developers who want to take full use of their Macbook Dashboard area rather than just watching time and weather.
Macbook Dashboard function – a great place and help you to be more productive if you choose the right widget for it. Well, my dashboard has bunch of widgets that came pretty useful when I design or develop websites.
If you too want to make your Macbook Dashboard area more productive and want to save time while developing or designing a website, I am gathering up 25 highly recommended Mac Dashboard widgets for Web Designers and Developers that you easily install on your Mac OSX.
These widgets will help you to lookup various handy cheat sheets for CSS, HTML or you can easily lookup HTML or CSS attributes, change the color codes, easily take snapshots of page or particular area and much more you can just imagine.
1. CSS Cheat Sheet : Introducing CSS Cheat Sheet version 1.0 for Mac OS X Dashboard. This widget displays the much of the essential information from the CSS Cheat Sheet from Added Bytes.
2. .clearfix : Just press the button to have the CSS .clearfix code available in your clipboard.
3. Tags – CSS, PHP and PHP : With this series of Dashboard Widgets, you can easily look up CSS, HTML, and PHP attributes, tags, functions, and properties. Once you’ve found the Tag you are looking for, you can click on the result to copy it to your clipboard.
4. CSS Reference : 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.
5. PHP Funtion Reference : PHP Function Reference provides fast lookup of information about the PHP web programming language.
6. PHPQuickReference : PHPQuickReference gives you a handy PHP reference right on Dashboard. Search with autocompletion and hints, copy and paste sample code to your project, read other user comments.
7. Quick Codes 2 Go 2.5 : Build your own HTML codes! No need to remember, or even type up the code. Simply choose a code and insert. Quick codes allows you to build an html document and you simply copy and paste it. Quick Codes 2 Go is great for myspace and other blogging websites and also for those learning HTML/CSS.
8. 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/.
9. Prototype Reference Widget : This widget 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”.
10. HTML Tidy Widget : 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. You can specify your configuration options on the back of the widget.
11. fcXHTML Reference Widget : The fcXHTML widget provides a concise bit of information for each element in the xhtml specification. Each element can be accessed either via a pull-down menu or by directly editing the name of its tag and using the arrow keys to select a choice from suggested matches. 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.
12. HTML Entity Character Lookup : Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This widget allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c.
13. Symbol Caddy : The Symbol Caddy Dashboard widget keeps a bunch of common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code.
14. Super Rule : Are you having problems with tableless web development, DOM spacing and WYSIWYG programs? Too much padding or margin? Too Little? With Super Rule you can easily and precisely measure the spacing of your graphics in any web browser. This widget is great for any web developer or designer just starting or is already a pro with CSS.
15. Screenshot Plus : 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.
16. Image Shackle : Quickly and easily scale images with Image Shackle. Drag an image onto the widget and it is scaled to the desired size that you type in or select with a slider.
17. Page Capture : The Page Capture widget is the easiest and fastest way to take a screenshot of web pages. No matter how long a page may be, the Page Capture widget will capture the entire page and save it to an image.
18. RGB Converter : The RGB Converter dashboard widget allows creative professionals to convert between RGB color values and HEX equivalents. You can manually enter values, or paste individual components or a comma-separated string to change the color. The wheel automatically updates to visually show you the color of each component and the resultant color.
19. 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! Sphere uses basic color theory in order to automatically provide you with visually appealing colors.
20. ColorSchemer : ColorSchemer Galleria is a free Dashboard widget that allows you to browse all of the schemes in the ColorSchemer Gallery without leaving your Dashboard. The Galleria widget displays each color scheme like a fine work of art, putting an endless supply of color ideas & inspiration at your fingertips.
21. ColourMod – DHTML Color Picker : Sick of having to open up Photoshop, or another graphics program just so you can get a color value? Tired of not having a quick and easy way of converting Hex values to RGB, CMYK or HSV? ColourMod for OS X’s Dashboard interface brings ease and simplicity to colour picking on the Mac and solves those problems. 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.
22. .Com Domain Name Search Widget : 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.
23. ApacheConfig : This widget add PHP scripting support on external server on Mac OS X.
24. Web Monitor : Monitors your servers or any other 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.
25. SiteStatus : 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.
Let us know which one is your favorite of these all and if you know any other Dashboard widget other than those, be kind and share with us in the comments section below.