3月13日(土)にあったWCAN 2010 SpringのLightning Talkで「明日から使える inline-block」というタイトルで発表させていただきました。

実は14日から15日まで学会で不在なので、「明日から使える」と言っておいて月曜までにフォローアップできていないのはダメだなと思ったのでスライドをとりあえず公開して学会行ってきます。
WCAN本番では時間の都合上、2例の紹介だったのですが、紹介したかった例をもう一つ加えた3例版になっています。また、参考サイトも紹介していますのでぜひご活用ください。

後日、SlideShare版や、懇親会できかれたテーマの裏話とかスライドの作り方とかについて追記したいと思います。続きに追記しました。

Firefox 3.5 から、アルミMacBookから採用されているマルチタッチトラックパッドでマルチタッチができるようになりました。これまではMultitouchを使ってFirefoxでも利用できましたが、これからはネイティブで使えます。

Firefoxのデフォルトでは、左右のスワイプ(3本指)に戻る/進むが割当てられており、ピンチイン/アウト(2本指)にズームの縮小/拡大が割り当てられています。今回はこれらのジェスチャーをカスタマイズする方法を紹介します。
カスタマイズは自己責任でお願いします。

以前、画像のCSSロールオーバーについてアクセシブルな方法はないかと考えてみたことがありました。あれから約2年、新しいサイトのHTML組んでたら、たまたま違う方法を見つけたので覚え書きしておきます。

ブラウザの対応は、おそらくafter疑似要素(contentプロパティ)に対応するブラウザなら表示されると思います。つまり、IE7以前はそもそもロールオーバーにならないってことです。まぁそこはこの際いいんです^[1]。

今回も画像はCSS Nite LP3の課題のものを利用させていただいています。

先日のGoogle I/Oで大きく取り上げられたように、最近HTML5のニュースが増えていて注目度が上がっているようです。canvas要素やvideo要素、オフラインキャッシュのような、アプリケーション開発におけるHTML5が主に注目されているようですが、Safari 4のウェルカムページがHTML5で描かれていたり、国内でもlivedoorのラボが積極的に採用したりと事例も増えていますね。

そこで、約半年前に作ってみたサンプルのコードを見直して修正してみました。参考にしたのは以下のページです。

• HTML 5 (W3C Working Draft 23 April 2009)
• HTML 5 (Editor’s Draft 13 June 2009)
• HTML 5 ― HTML 4 からの変更点 (Working Draft 23 April 2009)
• web:g

先日、WCAN mini Markup Vol.10がありました。第10回を数える今回は「CSS3＋jQueryを実際に使ってみよう！」というテーマで、WCAN x CSS Nite 2009 SPRINGでの益子さんのセッションを実践し紹介し合おうというものです。

僕が紹介したのは、CSS3のレイアウトに関する新しいプロパティ^[1]。新しいプロパティを使うとこれからすごくレイアウト組が楽になるよね！ってことがいいたかったので、説明は他所に任せてサンプルを見ていただいくことでイメージしてもらう形にしています。

なお、今回のサンプルは一部のブラウザのみしか動作しません。オススメはSafariかGoogle Chromeです^[2]。