eyemovic inc.

Culture blog会社の活動・働き方

2010.10.21

Back to the ●●

Back to the Wife!! 
深い意味はありません。
 
 

 

 

 


アイムービックのやまむらです。

 
みなさんは、AM2時からやってた「Back to the Mac」を見ましたでしょうか?
私は、ねてました。
 

mac_lion.jpg

「Mac Book Air」や「Mac OS X 10.7 Lion」とかワクワクする発表がてんこ盛りだったようで。個人的に「Mac Book Pro」を買おうかどうかすごく迷っていたところに、「Mac Book Air」の発表で、物欲がMAXです。(Mac Book Pro も値下がりしたようですし)
一応欲しい順は
・Mac Book Pro 13 に SSD 付けたやつ
・Mac Book Air 13
・Mac Book Air 11(キーピッチが気になるところ)
です。
誕生日はクリスマスです、よろしくお願いします。
 
 
で、みなさんは、Appleの商品紹介のページがHTML5で作らているのはごぞんじでしょうか。
 
今、appleのサイトに行くと、Mac Book Airがぼやーんと表示されて消えていきます。
これは、JavaScriptではなく、CSS3のアニメーションを利用しています。
 
apple_top.png
 

 

 

 

ちなみに、chromeで見た場合、styleの指定はこんな感じでした。
 
-webkit-transition-property: opacity;
-webkit-transition-duration: 1.25s;
-webkit-transition-timing-function: ease-in;
-webkit-transition-delay: initial;
 
 
ページに関しては、HTML5対応ブラウザで表示した場合でも、HTML非対応のブラウザで
表示した場合も大差はありません。
 
下記が、HTML5対応ブラウザで表示した場合です。
ドヤ顔のJonyさんの部分は、videoタグではなく、QuickTimeプラグインで
実装されていました。
 
apple_html5.png
こちらは、IEで表示した場合(HTML5非対応)
QuickTimeが未インストールため、インストールをすすめられました。
ちなみにIE6で表示した場合は、JavaScriptのエラーが多発しておりました。
 
apple_ie.jpg
こんな感じで、HTML5で実装されたサイトも徐々に増えてきています。
まだまだ、InternetExplorer、FireFox、Safari、Chrome、Operaなどクロスブラウザでの
動作を考えると、考慮する点はたくさんあります。
ただ、技術の転換期のひとつだと考えると、とても楽しい瞬間なのかもしれません。
 

愛媛県松山市でWeb開発一筋15年、700サイト以上の構築実績!

Webサイト制作・システム開発・スマホアプリ開発・組込ソフトウェア開発ならアイムービックにお任せ下さい。