Chrome拡張機能こんにちは、すなふ(@sunafu35)です。PendulePenduleは、Chromeの標準デペロッパー機能にプラスして使うと、かなり便利に使い分けが出来そうな機能が満載でした。インストールChromeウェブストアからインストールを行うと、ツールバーにアイコンが追加されます。メニューアイコンをクリックすると様々な機能が使用可能。順番にどんな機能が使えるか見てみますね。SHEETS」からは、CSSの確認メニューが充実。CSS」をクリックすると、改行などを抜いたCSSでも見やすい形に改行して表示してくれます。折りたたみながらCSS毎に確認したりも出来ますし使いやすいです。世界が嫉妬するCSSへ】などを使って、CSSを軽量化出来ますね。StylesCSSを全て無くしてページを表示したり、一部だけ使わず表示したり。colorページに使われているカラーをR.G.Bと16進数で表示してくれたりもします。これは、デザインを考えたり色の組み合わせを考えたりで重宝します。FORMSFORMSタブでは、「***」のように非表示で現されるパスワードを表示したり。hidden設定のオブジェクトを表示したり。IMAGESIMAGESタブでは、画像関係の確認メニューがまとまっています。infmation」では、使われている画像の一覧表示。URLに、大きさ、ファイルサイズ、種類などがぜ~んぶ一覧。背景設定だから右クリックで調べられない画像とか関係ありません。paths」では、画像のリンク先を画像上に表示させてみたり。他には、画像を非表示にする、背景だけ非表示などの機能があります。MISCELLANEOUSMISCELLANEOUSタブでは、JavaScriptを参照したり、ルーラーを表示させたり、カラーピッカーを表示したり。個別の拡張機能はありますが、1つにまとまっているのがいいですね。ページのcookiesを削除する機能なんかもあります。BROWSERは名前の通り、ブラウザサイズをワンクリックで変えられるもの。使ってるブラウザって、マルチタブブラウザが殆どだと思いますが、ブラウザウィンドウのサイズが変わるので少し使いづらいかも?でも、指定のサイズに一発で変わるのは、確認にはいいですね。ACCESSIBILITYACCESSIBILITYでは、HTMLや、CSSの表記確認を行えます。表記の間違いがないかのチェックですね。bloggerでは、テンプレート標準時点でエラーは出るので、絞り込みが難しいですが・・・。オプション画面オプションで、表記確認用のサイトを設定することも出来ます。オプション画面「キーボードショートカット」その他、オプションでは、キーボードショートカットの設定も。ルーラーやカラーピッカーは、はじめからショートカットに設定されているので、覚えておくと随分違います。Webデザインを仕事とする人にはもちろんの事。趣味でブログを書いている人などにも必須だと思いました。デザインを変えたい人には。お気に入りのサイトのCSSや使っているカラーを確認したり、サイトパーツの大きさを見てみたりしながら整理していくと、自分の好きなデザインは、こういう設定なんだと理解がしやすいですね。いったときにも力を発揮する拡張機能です。インストールしてなかった人は要チェックです。機能が集約出来るのっていいものですよ。!参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/06/webchromependule.html[Chrome]Web開発の人にも、ブログのデザインを変えたい人にも必須!『Pendule』Twitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。