2008-07-12 / WCAN 2008 Summer Ligntning Talks #2

業務のための JavaScript 勉強法？岩田享 LLP メガネラボ [email_address]

アジェンダ ,[object Object],[object Object],[object Object],[object Object]

自己紹介 ,[object Object],[object Object],[object Object],[object Object]

本題業務のための JavaScript 勉強法？

本題 ... ということで個人的見解

本題 JavaScript HTML+DOM CSS

サンプルアニメーション PNG （透過）のようなものを作ってみる

サンプル ,[object Object],<div id="anim”></div>

サンプル ,[object Object],#anim { overflow: hidden; background-image: url(animation.png); ... }

サンプル .frame-0 { background-position: 0 0; } .frame-1 { background-position: 0 ...px; } .frame-2 { background-position: 0 ...px; } . . . ,[object Object]

サンプル ,[object Object],var anim = document.getElementById('anim') , frame = 0 ; // 200 ミリ秒ごとに frame-1, frame-2, ... // と，クラス名が切り替わっていく setInterval( function() { frame++; anim.className = 'frame-' + frame; ... }, 200 );

まとめ ,[object Object],[object Object],[object Object],[object Object]

もうひとつ ... http://www.nicograph.jp/

もうひとつ ... http://www.54t.org/

ご静聴ありがとうございました

2008-07-12 / WCAN 2008 Summer Ligntning Talks #2

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (14)

En vedette

En vedette (11)

Similaire à 2008-07-12 / WCAN 2008 Summer Ligntning Talks #2

Similaire à 2008-07-12 / WCAN 2008 Summer Ligntning Talks #2 (20)

Dernier

Dernier (11)

2008-07-12 / WCAN 2008 Summer Ligntning Talks #2