HTML5 で試しに Web ページを組んでみた (改訂版)

このエントリは、「HTML5 で試しに Web ページを組んでみた」の記事の続きです。

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

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

“HTML5 で試しに Web ページを組んでみた (改訂版)” の続きを読む

CSS3 で新しいボックスレイアウト

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

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

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

“CSS3 で新しいボックスレイアウト” の続きを読む

  1. jQueryの紹介は他の方にお任せってことで;-P [back]
  2. Chromeは一応ベータ版ですがMac版もありますよ。 [back]

SynergyKMの設定でつまづく

研究室ではMacBookをメイン、Windowsをサブとして使っています。
今更になって、2台以上のパソコンのキーボードとマウスを1つのパソコンのにまとめることができる「Synergy」という便利なソフトがあるのを思い出して設定してみたのですが、途中でつまづいたのでメモしておきます。

“SynergyKMの設定でつまづく” の続きを読む

Macを初めて買った人にオススメするフリーソフト

画像 : Alumi MacBook by gpersaud.deviantart.com

僕の研究室でもMacユーザが着々増えています。最近も2人ほどアルミのMacBookを購入したのですが、初めてMacを買うと、どんなソフトが何に使えるのかわからないそうです(僕もはじめはそうでした)。

そこで、研究室の内部向けページにMacのオススメのソフトをちょこちょこ書いているのですが、これを広くシェアしようと思いリストアップしてみました。今回はなるべくMacらしいフリーソフトをピックアップしてみました。
主な対象は、Macでプログラミングしたり、論文書いたりする学生でしょうか。思いついた順に挙げているので順番は適当です。

“Macを初めて買った人にオススメするフリーソフト” の続きを読む

HTML5 で試しに Web ページを組んでみた

このエントリは、「HTML5 で試しに Web ページを組んでみた (改訂版)」の記事によって加筆されています。あわせてご覧ください。

このエントリは、「CSSロールオーバーのアクセシビリティを少し考えてみた」や「CSSでボックス要素を画面中央に表示させてみる」に続く試しにやってみたシリーズです。

先日、WCAN mini Markupの第8回がありました。前回の「デザインを(X)HTML化しました」に続いて、今回は「CSS ココにこだわってみました」というテーマで前回組んだHTMLを(一部でもいいので)CSSで装飾してみよう、ということをしたのですが、フツーにXHTML+CSSで組むのもつまらないなーと思って最近話題になりつつあるHTML5でページを組んでみました。主に以下のサイトを参考にしました。

HTML5で書かれた典型的なブログ記事のマークアップ例などはありますが、今回使用したサンプルのような企業サイトのマークアップ例を見つけることができませんでした。ですので上で挙げた仕様書や記事のサンプルを見つつ手探りで書いています。これをみて、そこはおかしいよ!などのご指摘ぜひお待ちしてます!

“HTML5 で試しに Web ページを組んでみた” の続きを読む