HiGash.Net ホームページへ戻る

Home [Blog] » マークアップ

マークアップ

背景画像じゃないのに1枚画像でナビゲーションを作る方法

背景画像じゃないのに1枚画像でナビゲーションを作る方法

もう2年近く前のエントリーなんだけど、今でも何気にアクセスが多いのが 僕がCSSによる “画像置換” を使わなくなった3つの理由 というエントリー。当ブログへのアクセスが一気に増えるきっかけとなったのが、このエントリーでした。

基本的にこの頃から僕のポリシーは変わってません。印刷用ページやモバイルのことを特に考える必要がないならば、画像置換はあんまり使わない。
だから画像はIMGタグで配置していくわけなんですが、今回はIMGタグでも背景画像を使ったCSS Spriteみたいなことができるよ、というのを参考までにご紹介。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

Webディレクター視点で考えるマークアップのチェックポイント

Webディレクター視点で考えるマークアップのチェックポイント

「Webディレクターが納品されたWebページをチェックするとき、マークアップが良いか悪いかって具体的にどうやってチェックすればよいの?」
今回のエントリーは、職場で一緒に働くWeb制作チームのディレクターさんからのそんな疑問に応えて—。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

IMGのalt属性・title属性について考える(後編)

IMGのalt属性・title属性について考える(後編)

今回のエントリーは前回に引き続き「IMGのalt属性・title属性について考える」の続編です。

「alt属性・title属性について考える」とか言っておきながら前回のエントリーは、イメージ画像はIMGかCSSの背景画像かという話に終始してしまった感があります・・・。エントリーの結論としては サイト制作時のポリシー次第 ということにしましたが、僕の場合はどちらかと言えばIMG派。
前編に書いた通り、Webページの背景ではなく前景にイメージ画像があるのだったら普通にIMGでいいんじゃないかと思うのです。さらに制作者サイドとして正直なことを言えば、画像に対してテキストの回り込みをする場合など、 制作面の技術的な難易度を考慮した際にIMGを使うほうが楽 というのも僕がIMG派である大きな理由です。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

IMGのalt属性・title属性について考える(前編)

IMGのalt属性・title属性について考える(前編)

alt属性が空なら、CSSで背景画像として扱うべきなの?CommentsAdd StarTRANS [hatena]

HTMLをマークアップしている時に、IMGのalt属性に何て書こうか悩むことってありますよね。

「この画像に意味(ふさわしい代替テキスト)なんて無いしaltは空にしとくか」っていう人は珍しくないと思うのですが、最近 「alt属性が空なら、CSSで背景画像として扱うべきなの?」 という面白い記事を発見したので、ちょっとalt属性や背景画像について自分なりに整理してみることにします。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

Page Top