インターネットの未来形。サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。使い方をできるだけ簡潔にまとめて、短時間で把握できるようにしました。一回読んで終わりではなく、書式とサンプル中心でリファレンス的に使っていただける内容となっているのがユニークな点かと思います。等を紹介していく予定なので、ご期待ください。本日は上記の記事のフォローアップとして、執筆中に集めた参考になるサンプルの情報をまとめておきます。使用したさまざまなサンプルが公開されています。使っているテクニックについての解説はこちら。アニメーションを使ったものもあるので、それらのサンプルとしても参考になります。用とのことで、他のブラウザでは表示されないので注意してください。等を活用して、ボックスの端をカールさせるエフェクトのさまざまなバリエーションを作り出しています。薄くかけてテープの切り口を表現するなど、細かいこだわりが光っています。利用したさまざまな背景パターンが公開されています。コードがブラウザ上で編集できて、リアルタイムに結果が反映されるのが素晴らしい。結果を確認しながらパターンをカスタマイズできますし、仕組みの勉強にもなります。文字が浮き出しているようなエフェクトを実現するコードを生成するジェネレータです。コードが取得できます。適用してあって、パラメータを変更するとニュルッとアニメーションするのもいい。boxhttp://www.zachstronaut.com/lab/text-shadow-box/te...手前からライトで照らして、奥の壁にテキストの影が写っている、というような表現をするデモが公開されています。角度によってブラーの量を調整したりしていて、芸が細かいです。描かれたミニアイコンが多数公開されています。画像を使っていないとは思えないほど凝ったデザインのものばかりです。うまく利用していて、複雑なマークアップも必要ありません。描いてあればサイズも自由に変更できますし、状態によって色を変えたり、その気になればアニメーションも自由自在。実はかなり使えるアイディアだと思います。次元表現を行なっているデモです。工夫して実現しているようですね。変形後でもテキスト選択や動画の再生やボタンのクリックが動作しているのがわかります。クリスマスツリーを作っています。難しいけど、チェックボックスがちゃんとチェックできる。用いてボリューム感のある雲や爆発を表現するサンプルです。コントローラで生成する雲をカスタマイズしたり、フルスクリーンに切り替えたりもできるのが凄い。パラメータを変更して、効果を確認できるツールです。それぞれのパラメータがどのような効果を持つのか理解するのに役立ちます。種類と、その仕組の解説があります。デモはいずれも動きに凝ったものになっていて、インパクトが必要なときのアイディアとして参考になります。壁面のギャラリーのような効果を作っているデモです。カーソルキーで選択していくと、壁面が傾いて多くの画像を見渡すことができます。機能を用いると、こんなことも実現できるんですね。ページの表現力は劇的に向上しますね。ページのレイアウトは紙の延長ですが、近い将来にはまったく違ったものになっているかもしれません。ページのあり方に思いを巡らせてみるのも面白いですね。Library」の入門書です。