前の記事 ≪:2012年4月13日 管理人のブックマーク
次の記事 ≫:jQuery&CSS3でここまで出来るタイポグラフィエフェクトのサンプル集

WEB開発者はインストール必須のChrome拡張「Pendule」

2012年04月16日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
Chrome ウェブストア - Pendule

WEB開発者はインストール必須のChrome拡張「Pendule」。
昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。
4月からはたいている新入社員のWEBデベロッパーさんにもオススメ

インストールすると以下のようなボタンが表示されますのでクリック。


まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます


サイトで使われているカラーを16進数で出してくれる機能もあります


CSSビュー。折畳み可能で使いやすく見やすい


Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい!



Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能



その他JSを表示したり、ルーラーを表示したり、クッキーを消したり至れり尽くせり



更に、ResizeBrowserでは画面サイズをボタン一個で変えられます
iPhoneのサイズもありますね



入れてない人は速攻で入れておいたほうがいいですね

関連エントリ
スポンサード リンク

By.KJ : 2012年04月16日 09:07 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)