FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

コーディング

AltのチェックにはAlt属性値が表示できる「Web Developer」が便利

投稿日:2014年9月29日 更新日:

サイトを制作していて、Altに何が入っているのかチェックするのは結構大変ですが、私はずっとFirefoxのプラグインのWeb Developerを使っています。

Web Developer

使い方

いろいろな機能がありますが、Altの属性値をチェックできるので便利です。

Web Developer

サイトからインストールすると

ツールバー

ツールバーに表示されます。

Altの属性値を表示

「画像」>「alt属性値を表示」でAltが表示されます。

ユニクロのサイトのAlt

Alt属性値

大好きなユニクロのサイトを見てみるとAlt属性が表示されているのがわかります。

ソースを見なくても、AltがチェックできるのでWeb Developerの「alt属性値を表示」は便利です。

PR

PR

-コーディング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

超便利なEmmetのチートシート

「Sublime Text 3」+「Emmet」+「SASS」でコーディングをしています。 そんな「Emmet」のチートシートです。 Emmet Cheat Sheet あらためて見直すと知らないのが …

Sublime Textで一行ごとにタグで囲む方法

長文テキストを流し込んだり、リストタグで囲む場面がよくあります。 Sublime Textで一行ごとにタグで囲む方法です。

ワンランク上のコーディングを行うための6冊のオススメ本

HTML/CSSは、初心者でも簡単に使えますが、運用するとなると綿密な設計が必要です。 最近、自分の知識をアップデートするためにいろいろ調べたのですが、知識不足を実感し、あらためてHTML/CSSは奥 …

レスポンシブ用の画像を複数のサイズで自動生成

Responsive Image Breakpoints Generator レスポンシブWebデザインで、マルチデバイスに対応させる際、読み込む画像のサイズを複数設定したい場合があります。 そんな時 …

100種類以上のGoogleのアイコンがつかえる。Material icons

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。 そんな時に便利なのが、Googleの「Material icons」です。 下のアイコンは、すべてWebフォントです。 …

PR




人気の記事

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。