2008年も残すところ、あとわずかとなりましたね。今年もいろんなWebデザインを見てきました。

今回は、12月13日（土）にデジタルハリウッド東京本校（御茶ノ水）で行われた Shift 2 のふたつめのセッション「2008年の海外Webデザイントレンドおさらい」（原 一浩さん）にインスパイアされたエントリーです。

原さんのセッションのまとめに加えて、海外サイトに限らず2008年のWebデザインについて僕が個人的に気になったことも少しだけまとめてみました。

コーポレートサイトの更新作業を任せてもらっていると、プレスリリースのページを作る機会って結構多いのではないでしょうか。僕も自社のサイトはもちろん、運用を任されているクライアントのサイトも含めて、ひと月に数本プレスリリースのページを制作しています。

今回はプレスリリースのページ制作をやっていくなかで「こうしておけばよかった」と思ったことや、「こうやって作るといいよ」と思うことを、基本中の基本からちょっとマニアックなテクニックまで10のTipsとしてまとめてみました。
プレスリリースのページってCMSを利用して、Web制作のプロじゃなく企業のWeb担当者の方が更新することもあると思うんですけど、そんな方たちにこそちょっと目を通してもらうと役立つTipsかもしれません。

かなりマイナーチェンジだけど、主にGoogle Chrome向けにほんの少しだけReset CSSとBasic CSSをアップデートしました。リセット用CSSに関する情報の需要は高くて、このブログを参考にしてくれてる人もいるみたいなので一応変更を加えたことを新規エントリーとして告知することにします。

対象ブラウザは、Internet Explorer 6.0 & 7.0、Firefox 2.0 & 3.0、Safari 3.1+、Google Chrome 0.3、Opera 9.27 & 9.5+です。Google Chromeを対象ブラウザに加えたほか、前回のエントリーからOperaが9.6に、Safariが3.2にそれぞれアップデートされていますので、それらも対象ブラウザに加えました。
使い方はもちろん変更無く、Reset CSS でブラウザのデフォルトCSSをリセットした後に Basic CSS を上書きして汎用的な基本スタイルを定義してあげます。

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

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

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

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

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