押しも押されぬApple社の製品、MacOSX。そのデスクトップを模してみました。おもしろい動きのする「ドック」はCSS3（モーションを付加しています。SafariもしくはGoogleChromeでお楽しみください）で試行錯誤しながら再現。リンク先のページの「Macパソコン」のアイコンをクリックすると入れます。ちなみに、入った先の背景（上図）がブラウザの窓にあわせて伸びます。これにはHTMLとCSSのちょっとしたテクニックが必要でした。

これから
それぞれのアイコンにはリンクを適用。そのリンク先のサイトをMacのウィンドウのように下からだそうか考えているんですが、時間がないので実装できず。余裕があったらつくってみたい。

素材提供サイトとして作ってみたページ。今となってはレイアウトがごちゃごちゃで手のつけようがありません・・・。ですが反省点はたくさんみつかったので、次に活かします。　　ちなみにこれまでにない配布の仕方（ヘッダー、ボックス、フッターなどに分けて展示）を考えていました。

これから
やっぱり事前にしっかりとしたコンセプトと草案段階での構図設計は大切ですね。シックでクールな感じをだしたかったのに、気づくとカラーが「青」「オレンジ」「赤」となったのも痛いです・・・。あちゃぁ。