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

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

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

スポンサード リンク
[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法
Chrome ウェブストア - Pendule

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

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


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


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


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


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



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



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



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



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

関連エントリ
関連の記事検索：chrome, Chrome, extension, 拡張機能
スポンサード リンク

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

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