‘WEB系’ カテゴリーのアーカイブ

2010 06/28
alt文を表示させるアドオン「Popup ALT Attributes」

マシンが変わったのですが、IE8を見ると、altのツールヒントが表示しない…Σ(・ε・

以前知り合いもつぶやいてましたし、ちらほらそんなこと見てはいたのですが、私の方では問題なくIE8でalt文が表示していたので、気にしてませんでした。

よく見ると、IE8の新機能で表示しなくなったことが書かれてますね。

ブラウザを IE8 モードで実行しているときに、alt 属性がイメージによるツールヒントとして表示されなくなりました。代わって、longDesc 属性のターゲットがある場合は、それがツールヒントとして使用されるようになりました。ない場合は、title が表示されます。alt 属性は Active Accessibility 名として現在でも使われており、alt がない場合のみ、title 属性が代替名として使用されます。

残念な結果に…。
以前表示してたのは、各バージョンを共存させようとしてあれこれやっていましたので、そのせいだったのかもしれません。

title属性が表示されるのはそりゃもう当たり前のようなものだし、役目だって違うわけだから、代替案としては却下。

いろいろ方法はありますが、alt文のチェックとして、手っ取り早いのでIEを使っていたのです。
それが表示されなくなったということは……ますますIEの出番がなくなりました。
(続きを読む…)

2010 03/26
たまごかけご飯ムービーを作る。

ムダにカッコイイ……+.(・∀・)゚+.゚
この赤と黒の近未来的なデジタルデザインのギャップがまた…笑

味の素の、NEO TAMAGO KAKE GOHANなんですが、

自分だけの……

*:.。..。.:*・゚たまごかけご飯ムービー・*:.。..。.:* ミ ☆ が作れちゃいます……

  1. 醤油の量を決める。
  2. 味の素の量を決める。
  3. まぜる長さを決める。

最後に名前を入れて、作成ッ!

作成後は、ムービーをTwitterでつぶやけますし、ブログに貼ることもできます。

ほい。



こういうところに力を注げるのが素晴らしいわ。

2010 03/24
モバイルの文字サイズ

文字サイズ指定は3キャリアごとにいくつか記述方法があります(pt、px、larger、x-smallなど)
au・SoftBankは4段階ほどあるのですが、 docomoは大・デフォルト・小の3段階のみになります。
キャリアごとにサイズ指定の方法、大小の具合はさまざまです。

確実に3キャリア共通で小さく・大きくするには以下の(※xhtmlの場合です)設定にすると良いでしょう。
docomoが外部CSSが無効なので、タグにスタイルを指定します。
例ではspanタグでくくっていますが、divでも良いです。

●小さく
◎x-smallでもOKです。au、SoftBankはxx-smallのほうがより小さくなります。(docomoはどっちもサイズの違いはなし)

<span style="font-size:xx-small;">テキストが入ります</span>

●大きく

<span style="font-size:x-large;">テキストが入ります</span>

(続きを読む…)

2009 12/22
正しいM-1グランプリの過ごし方。

普段テレビを見ない私ですが、今年初なくらい数時間テレビを見ました。(多分1週間で1時間もみてないです…)
それは……
12/20にあった、M-1グランプリです……
お笑いは昔から大好きでDVDも良く買いますが、M-1はあまり見る気ありませんでした。けどなんとなく……
去年は終わったあとに動画を見た程度だったので全体の雰囲気はわからなかったのですが、どのコンビも自分たちの持ち味のあるネタだったと思います。
優勝したパンクブーブーは安定した誰にでも受け入れられるものだったのが大きいかしら。
来年は忙しくなるんでしょうかね?
(続きを読む…)

2009 11/25
モバイルのmailtoについて

mailtoで件名、内容(あとはCC、BCC)にテキストを入れたい場合。

記述方式は以下の通り。

<a href="mailto:xxx.jp?subject=件名がハイリマスよっと&body=内容がハイリマスよっと">

が、subjectとbodyは、キャリアごとに文字コードの仕様が違う
(HTMLの文字コードとは関係ないです) ので、日本語の場合、適切な文字コードでURLエンコード(エスケープ)する必要がある。

  • docomo … Shift-JISでURLエンコード
  • au … Shift-JISでURLエンコード
  • Softbank … UTF-8でURLエンコード

(続きを読む…)