ほぼCSS3のみで見事に「Mac OSX Lion」の起動画面を再現
イタリア・ローマ在住のウェブ・デザイナーAlessio Atzeni氏が、ほぼCSS3のみで再現した「Mac OSX Lion」のインタラクティブな起動画面の紹介です。時計やログイン時など一部についてはJavascriptも使用しているようですが、CSS3でデザインと動作を完結しています。 サイトにアクセスると電源を入れた状態が再現されています。 パスワード入力画面(パスワードはadmin)に遷移し、パスワードを入力します。 Mac OSX Lion起動。 このようにメニューも操作することができますが、もちろん表示のみです。画面上のウインドウも操作可能になっています。 実際に動作するサイトはこちらから Mac OS X Lion CSS3 by Alessio Atzeni
神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」
ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比（1:1.618）になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
