Safariでaltを表示する。
仕事でサイトを作る際に、HTMLの画像にaltを入れるという作業が発生している方は多いんじゃないでしょうか？
altなんてみないっしょ。と、個人的には思うし、さらに一般的にサイトを閲覧しにくる人はaltなんて知らないっしょ。なんて考えたりするのは自由ですがやっぱりきちんとaltの入ったサイトを見ると関心しますし、総合的にクオリティが高いという逆説的な展開もあります。
で、このaltはSafariからだとソースをみないかぎり読むことができないんですね。
例えばFirefoxなんかだとWeb Developerで見ることができるんですが、メインブラウザがSafariなので気軽にチェックしたいときはSafariでみれるととても助かります。
というわけで、実はSafariの場合、「title属性だとIEのaltのようにツールチップがでる」ということを利用したブックマークレットを作成しました。
上のAltCheckerの文字をそのままブックマークツールバーに入れて、見ているページから呼び出すだけでみれます。
オーバーすると、画像に入っているalt、画像名、 画像サイズがツールチップに表示されるのでIEよりも見やすく便利な情報が載っているのではないでしょうか。
他にも、可読性をあげるため、
- 赤い線で囲われているのが、altナシの画像。
- 緑の線で囲われているのが、altの先頭または末尾にスペースが入ってしまっている画像。(コピペで入れたりするとたまにこういうスペースが入ってるんですよね。わかります。)
- 水色の線で囲われているのが空Alt(alt=”")の画像です。(一応表示するもののエラーとはしません。)
といった表示がでるようになり、
また、全てエラーがない場合は”Hi-Ho!”なんていうふざけたalertが表示されますが、これが意外とテンション上がって気持ちがいいもんです。
余談が続きますが、Safariのブックマークバーに登録された「フォルダを除くブックマーク」は左からCmd+1〜9で呼び出すことができます。
こういったブックマークからスクリプトを呼び出すものをブックマークレットと読んだりもするんだけどボクはブックマークレットの名前を「|(縦棒)」1文字にしてます。
他のよく使うブックマークはフォルダにしてます。
こうすることで下図の用にすごく整理されたすっきりとしたブックマークバーの出来上がり！
他の縦棒はTumblrやDeliciousなどのブックマークレット、他の自作ブックマークレットをいれてます。
————————————————– 8<
話は変わりますが、今日の動画はLittle Big PlanetというPS3のソフトなんですが、ブロックとか紐とか仕掛けを組み合わせて自分でステージを作ったりして公開できるとかなんとかで。
そしたらさ、こんなステージ作っちゃう人が世の中にはいるわけ。
つまりね、言ってしまえば、段ボールと、紐と、BB弾で作っちゃったようなものよ。
Flashが3D表示できるようになった。物理演算のライブラリもでてきた。ってときにゲームはここまでぶっとんでるわけで、WEBとゲームの技術というものの差は常に等間隔に開いているのだなと思いました。
というか、WEBはWEBにできることがあって、ゲームとは別物だとそう思う訳です。
しかしこのソフトはいいなー。やりたいなー。
面を作って公開して、オンラインで一緒に遊べるって、実はかなりWEBっぽいってのが実は一番くやしい。