定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのはWEBデザイナー、WEBデベロッパーには欠かせないブックマークをまとめたエントリー「15 Must-Have Bookmarklets For Web Designers And Developers」から必須の15のブックマークレットを紹介したいと思います。

WTFramework – Learn JavaScript Framework Used

構築から、調査、まで様々なWEBデザイン、開発に役立つブックマークレットが公開されていましたので、いくつか下記に紹介したいと思います。

詳しくは以下

■XRAY – See Details Of Any Web Element
要素毎に調査ができるブックマークレット。magin、paddingの値からCSSで割り当てているクラスまで表示してくれます。

　
　
　
　
■Design – Grid-Rule-Unit-Crosshair
グリッド、定規、クロスヘアーなど様々な方法で要素の大きさを測定できるブックマークレット

　
　
　
　
■ReCSS – Reloads The CSS
CSSのみをリロードしてくれるブックマークレット。ちょっとしたことなんですが、意外と便利です。

　
　
　
　
■W3C Markup Validator – Get It
HTML, XHTMLのvalidationをチェックしてくれるブックマークレット。Markupとは別にCSSのvalidationをチェックしてくれる「W3C CSS Validator – Get It」もあります。
　

　
　
　
■その他ブックマークレット
MRI
Slayer Office – Favelet Suite
Aardvark – Display Elements & More
Edit Any Website – Get It
　
　
上記の他にも多々WEB制作に役立つブックマークレットが紹介されています。実際、いくつかのブックマークレットは利用させてもらっていますが、便利に使わせてもらっています。今まで使ったことが無いという方は是非試してみてください。作業効率改善に一役買ってくれるかも知れません。

15 Must-Have Bookmarklets For Web Designers And Developers