Bookmarklets are a great way of saving time when used regularly. With just a click, they can provide so much information / help.

Here is a list of 15 very handy web designer / developer bookmarklets which includes:

• learning the colors used
• inserting a ruler on a webpage
• reloading CSS without reloading the whole site & more..

To use them, bookmark the "Get It" links. If no "Get It" link is provided, than they can be bookmarked from the author’s websites or:

Click here to download all the bookmarklets mentioned as a Firefox bookmark folder (can be added from bookmarks>organize bookmarks>import&backup>import HTML menu at Firefox).

Note: If you’re not using it already, Firefox web developer extension is strongly adviced for developing faster besides using these bookmarklets (few of the bookmarklets mentioned are already in the extension).

WTFramework – Learn JavaScript Framework Used

When you wonder which JavaScript framework is used on a website, rather than checking the source, simply click to this bookmarklet & it will display the framework(s) used.

XRAY – See Details Of Any Web Element

It lets you see the box model in action for any element, all the details of it.

Just click the XRAY button to instantly get the answers of:

• where is the top and left of this element?
• how big is each margin? how big is the padding?
• how wide and high is the content box?

MRI

A free cross browser tool that lets you test selectors with any web page. Selectors, particularly complex ones can be difficult to get exactly right – MRI lets you experiment with them on any web page.

Read the rest of this entry »

Attractive social bookmarking icons are a factor in website visitors clicking on them and help everyone to share, bookmark & promote your content.

WebResourcesDepot have collected these beautiful social bookmarking icon sets: 

http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons/
Package includes PDF vector format and PNG social bookmark icons.

http://vikiworks.com/2007/06/15/social-bookmark-iconset/
Package includes 1 PNG file with all social bookmark icons.

http://vikiworks.com/2007/07/28/social-bookmark-iconset-part-2/
Package includes 1 PNG file with all social bookmark icons.

http://fasticon.com/freeware/?p=65
Package includes 10 social media icons.

http://fasticon.com/freeware/?p=72
Package includes 17 bookmark icons.

http://www.freakgroup.com.ar/pack-de-iconos-sociales-v10/
Package includes 12 social bookmark icons in PNG format.

http://utombox.com/my-works/

Standard 16×16 GIF social bookmark icons.
http://www.feedforall.com/social-bookmarking-icons.htm

mooSocialize is an ajax based social bookmark widget which helps submitting content to the social bookmark websites easily.

Once clicked, a window with the social bookmark website logos appears. Clicking the desired social bookmarking website does not redirect you to another website, a hovered window like Lightbox opens and the new website runs there. This nice feature helps keeping your website visitor on your page.

There is also a Wordpress plugin which helps integrating mooSocialize into a Wordpress powered blog.

Name says it all but mooSocialize is built with the beautiful mootools javascript framework.