言語・開発

CSS表示やスタイルシート無効、ALT属性表示などWeb制作に便利なChrome拡張機能 『Pendule』

Web制作に便利な機能が詰まったChrome拡張機能

CSSの表示やスタイルシートの無効化

カラーピッカーやルーラーなどWeb制作に便利な機能があります

Chromeデベロッパーツールよりも直感的で良いかも知れません

pendule31

Chrome拡張機能 Pendule インストールはこちらから

インストール

pendule1

上記リンク先ページをChromeで開き「無料」をクリックします

pendule2

追加をクリックすればインストール完了

右上のアイコンに追加されます

レビュー

pendule3

アイコンをクリックすればメニューが表示されます

分かりやすくメニューがまとまっていますので

使うのに困る事はあまり無いと思います

pendule4

Show alt textでイメージのAlt属性を表示することが可能

Alt属性の付け忘れなどのチェックに便利です

pendule5

イメージサイズなどの表示も可能

pendule6

画像リンクも簡単に表示出来て便利です

pendule7

カラーピッカーなどもあり他のサイトのカラーなども取得可能です

pendule8

ルーラーは時には便利でサイズを測ることが可能です

インターフェイスが重要視されてきましたので

こういうツールは非常に便利

pendule9

他にも沢山のツールがあります

レスポンシブデザインのチェックにもサイズ変更などの機能があります

Chromeデベロッパーよりも直感的で使いやすいのでは無いでしょうか

関連記事

  1. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

  2. 言語・開発

    WebサイトのSEO的な分析ができるChrome拡張機能 『AdMatrix Analytics』

    WebサイトのSEO的な分析が出来るChrome拡張機能H1タ…

  3. 言語・開発

    WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

    サイトの表示速度などのパフォーマンスやPWA対応状況などを確認…

  4. 言語・開発

    マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

    マウスを上に持ってくるだけで、その場所の要素のCSSを表示して…

  5. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP