News

facebook page

FacebookページでIT工房を作成しました。

IT工房ではITにおけるさまざまなTIPSや解説、サンプル、ベータ版などを公開する場にしていきたいと考えています。作る側と使う側、の交流サイトになれば幸いです。ところで、下のfacebookのアイコンはWeb fontsです。つまりただのfという文字なのです。
fIT工房はこちらから

Check

HTML5

HTML5 ＆ CSS3で全面的に書き換えてみました。インターネットエクスプロｰラ８以前で表示するにはJavaScriptのフォールバックを行っています。
DOCTYPE宣言が簡単なのは HTML5にはDTDが存在しないことを意味しています。セマンティックなマークアップにはさまざまな解釈が出てきそうです。

2011年5月にW3Cから最終草案が発表され、2014年勧告に向けて進みだしています。 インターネットエクスプローラの最適化を含めてそろそろ本気で取り組むべき課題です。

Trend

CSS3 Web Fonts

CSS3のWebフォント機能は、フォントファイルをサーバにアップして使用する仕組みのため、ユーザーの機種に依存することなく好きなフォントが使える仕組みなのです。また、Google Web Fontsなどを利用するとフォントファイルを自分で揃える必要もなく、Googleなどが提供するフォントを簡単に使用することができるものです。例えば次の例です。

Hello world!

Book

ActionScript3.0

Flash、特にActionScriptといえばColinMoock氏が第一人者として上げられるだろうと思います。 そんな氏が書いた参考書です。オブジェクト指向とは何かを詳しく説明しながら、 ActionScriptにおけるOOPの使われ方を詳細に渡って綴っています。

サンプルとして使われるバーチャル動物園も創作意欲を高めてくれることでしょう。

FLASH

Papervision3D

３Dエンジン系のライブラリPapervision3Dを使用すると簡単に３D表現が 可能になります。わずかなスクリプトで３Dオブジェクトを作成したり、カメラの 制御やマウスのインタラクションを実現します。
また、メソッドひとつで鏡面反射まで見せてくれるという至れり尽くせりのライブラリです。

IT工房でPapervision3Dを使用した3D作成の連載を行っています。

HTML5

Canvas

canvasを使用して２０１１年９月現在の各ブラウザのシェアを円グラフで作成したものです。

Internet Explorer8以前のブラウザでは正しく表示されないかもしれません。Chrom,firefox,Safari,OperaなどWeb標準ブラウザの最新バージョンとInternet Explorer8、9では表示が確認されています。HTML5が標準で使用されるようになるとInternet Explorer対策がやっかいな課題になってくると思われます。なにしろ減少傾向にあるとはいえシェア第１位ですから。