WEBデザイナー必携の15のブックマークレット「15 Must-Have Bookmarklets」

定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのは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制作に役立つブックマークレットが紹介されています。実際、いくつかのブックマークレットは利用させてもらっていますが、便利に使わせてもらっています。今まで使ったことが無いという方は是非試してみてください。作業効率改善に一役買ってくれるかも知れません。