XHTML

個人的に最近目にしており、気になっていたので導入してみました。
今回dreamweaverに導入しました。

どういうものかというと（まだ慣れてないですが）、
div#container>ul.nav>li.item*3>a

で、「control+,」

<div id="container">
<ul class="nav">
<li class="item"><a href=""></a></li>
<li class="item"><a href=""></a></li>
<li class="item"><a href=""></a></li>
</ul>
</div>

のように展開してくれます。
サポートしているエディタも多いので、環境にはあまり左右されずにかつ、効率的に作業できそうです。

駅前やコンビニやwebサイト等で募金を募っている場面は、何度か目にしたことがあります。たまに何に使われるのか細かく書かれていないモノがあったりしますが、やはり明確でないものは疑ってしまって行動を起こしにくいです。
ですが、このサイトはオンラインショッピングが浸透しているこの時代にあったやり方で、尚かつ何に使ってほしいかを選べるのが新しいなと思いました。

本日はコーディング作業でtableに苦しめられていました。
幅とか色とか、colgroupかtrで指定できないものは仕方なくtdやthに。もっといいやり方があるとは思うのですがまだまだ知識不足です。
まあそんなことより、tableはきちんとマークアップをすれば意図した通りに音声ブラウザに読んでもらうことができるので、しっかりと抜かりなくマークアップしたいと思います。
最近iPhoneのClock RadioでHouseばかり聞いています。コーディングスピードが1.2倍になった気がするのでお気に入りです。

先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。
デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、
IE7、8以外だとこんな感じでも問題ないです↓

■html

<ul>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

■CSS

ul {
list-style:none;
}

li {
margin-bottom:2px;
}

全文を読む

先日「マイコミジャーナル」にて記事を見つけました↓

やっとほとんどのサイトがXHTMLの1.0や1.1で制作されているのにここでかと残念に思っていたのですが、
HTMLに移行しても問題なさげな気がします。
5は互換性があるみたいなので現状HTMLで組まれているサイトに関しては作業工数はかからなそうですね、
逆にXHTMLの場合は地味に工数が掛かってしまいますが。まあそれだけのメリットがある場合はうちの会社でも変える必要がでてくるかなと。

Webアクセシビリティ＠秋葉原に行ってきました。
Googleストリートビューのおかげで、ほとんど行ったことがない秋葉原ですが、迷わず会場にたどり着きました。

セミナーの内容ですが、結構濃かったです。見せ方も会場にいる人だけでなく同時に動画で生中継したり、要約筆記もされていましたので、すごく良心的なセミナーだなと思いました。

全文を読む