Apple[Apple] 総合

iPhone5サイトの動画は執念の一作!これぞAppleクオリティ!!

Apple
記事内に広告が含まれています。
スポンサーリンク

Apple製品はもちろんのこと、そのサイトもまた美しい(´ω`)b

レイアウトの美しさもさることながら、サイト内の随所に散りばめられたちょっとしたアニメーションがスパイスになってサイト全体のレベルを引き上げていますwww

たとえば、こういうところ・・・

ssp_temp_capture アップル – iPhone 5 – iPhone 5を生み出した方法をご紹介します。

このアニメってMPEGでもYouTubeでもGIFアニメでもなく、ましてやFlashを使っているわけでもないし・・・
いったいどうやっているのか皆目分からず、ずっと気になっていたところ、ぷらすぶろぐさんがどのように動かしているのかを紹介されていました。

iPhone5サイトの動画にWEBデザイナーが命削ってるぞ | ぷらすぶろぐ
 この数秒の動画、実はWEBデザイナーの執念とも言える動画で、約1MのJPEGファイルからJavaScriptで計算しまくってリアルタイムで動画を作っています。

なぬ!執念ですとぉぉぉ!!!

ち〜と、具体的に説明しますと・・・

まず、動いている部分だけを細かく切り出し、並べて一枚のJPEG画像にして・・・

unlock_001

一見、何がなんだかわかりませんが、よくよく見るとアイコンがスライスされて並べられているのがわかると思います。
クリックで拡大されるのでご確認ください。

で、この画像を JavaScriptを使って、瞬間瞬間に必要な画像を抜き出し適所に配置していくことで、美しい動画を実現しています。

この技術により、動画サイズのダイエットとほとんどの端末での表示が可能となっています!!

これぞAppleクオリティ(≧ω≦)b!!

元記事では、なぜこのような方法が採用されたかやこの技術の歴史など、より詳しく書かれているのでご覧みそらそ(≧∀≦*)ノ


iPhone5サイトの動画にWEBデザイナーが命削ってるぞ | ぷらすぶろぐ

Touch me!ディズニーキャラクター/ホームボタンにピッタリのステッカー(ミッキー)
Touch me!ディズニーキャラクター/ホームボタンにピッタリのステッカー(ミッキー)

スポンサーリンク






スポンサーリンク
( ≧∀≦) シェアシテミル??
NoBoNoBoN

コメント

  1. […] がスライスされて並べられているのがわかると思います。 クリックで拡大されるのでご確認ください。 …via iPhone5サイトの動画は執念の一作!これぞAppleクオリティ!! – Blog!NOBON+ […]

タイトルとURLをコピーしました

cocaslot/a>

gelek4d

pitungtoto slot

betingslot

dinoslot168

Slot Gacor Online/a>

hcs777

http://tes-gacor.pa-bangkalan.go.id

slot gacor online

sv388

superstarqq88

bintang68

jntslot68

itbslot88

pitungtoto

slot gacor

เว็บสล็อต joker ใหม่ล่าสุด

Dor77

pitungtoto

gelek4d

cocaslot

Leobola

vita4d

gacor118

gacor118

siren4d

topan4d

paladin288

nano4d

sirenbola

leobola

vita4d

lego99

pitungtoto

pgsoft bet 200

ugasli

logam88

akun pro platinum

vita4d

gacor118

gacor118

siren4d

topan4d

paladin288

nano4d

sirenbola

leobola

vita4d

target4d

pondok969

japan168

lego99

APPLE4D

link login gelek4d

gelek4d

cocaslot

SLOTS369

TOGEL ONLINE

kiatoto

https://64.23.149.48/

target4d

RTP sortoto

dapurbet

idmaxwin

Dor77

Dor77

Dor77

Dor77

Dor77

kw vip579

slot bola

Dor77

bom slot

slot4d

vip579 link

vip579 link alternatif

vip579 login

ugasli

ugasli

APPLE4D

server luar negeri

https://www.blog.scholasticahq.com/mixparlay/

kicautoto

สล็อตวอเลท

seven77

romawibet

romawibet

Slot Depo 5K

Slot Depo 5K

kantinslot

sortoto

sortoto

Sortoto

RTP sortoto

SORTOTO

Sortoto

sortoto

Slot99

Casino88

RTP88

Dewaslot88

slot pulsa 88

GAS388

mega hoki

APPLE4D

itu777

manjur4d

thr777

yabos88

hcs777

hcs777

yabos88

Dor77

APPLE4D

sabung ayam online

https://146.190.127.180/

ws168

casino online

sv388

slot thailand

slot gacor

slot gacor 777

bangsajp

bangsajp

bangsajp

anti rungkad

https://www.fodecc.cm/

https://sgs.sheratongrandesukhumvit.com/

protogel88

suka88

สล็อต888 สล็อต888 เป็นผู้เปิดให้บริการมาอย่างนาน และเป็น สล็อตออนไลน์ที่ดีที่สุดบริการ การเล่นเกมสล็อต ทุกรูปแบบ บนมือถือ การใช้งานแสนง่าย ทั้งการ เล่น การเข้าสู่ระบบ และ ความปลอดภัย ทําให้คุณ เล่นเกมสล็อตออนไลน์ ได้ทุกที่ทุกเวลา ได้ประสบการณ์ที่ตื่นเต้น ของคุณ เพิ่มเติมคือ เปิดบริการตลอด 24 ชั่วโมง ไม่ว่าคุณจะเป็นใครก็ตาม เล่นสล็อต กับ ที่นี่ได้เสมอ

dapurbet

idmaxwin

situs slot gacor

ugasli

rajavigor

kiatoto

pspslot

kokitoto

APPLE4D

pisangbet

55five

Big Hoki Slot

pspslot

idmaxwin

slot777

pg slot

Sultan899

cod4d

http://36.94.99.202/

yola4d

mega 777

Link Apple4d

APPLE4D

slot4d

https://demo6.virtual-event.cmu.ac.th/wp-content/uploads/-/xoslot/

https://demo6.virtual-event.cmu.ac.th/wp-content/uploads/-/joker123/

https://demo6.virtual-event.cmu.ac.th/wp-content/uploads/-/slot-true-wallet/