要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
extern宣言 - Closure Compilerを使う！
&small(){[[トップページ]] > [[高度なトピック]] > } #divclass(page_title){ &this_page() } externとは、サードパーティのライブラリなどの外部コードが定義するシンボルの名前を宣言し、&spanclass(keywd){ADVANCED_OPTIMIZATIONS}レベルでコンパイルされるコード内でそれらをClosure Compilerのリネーム処理から保護する機能です。externが必要な状況がよく分からない場合は、まず&link_anchor(maintainRelations,page=Compilerが求めるコーディングルール){こちら}を参照してください。 externは[[Closure Compiler Application]]及び[[Closure Compiler Service API]]で利用できます。
Closure Compiler と Google Chart Tools の組み合わせでハマる-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
自転車通勤には良い季節ですね。どうも、Lekumo キャンペーンビルダー開発担当の間です。 Lekumo キャンペーンビルダー http://www.sixapart.jp/lekumo/cb/ さて、tech talk blog が Six Apart ブログに統合されてから初めての投稿になります。前々回、前回と、Lekumo キャンペーンビルダーの開発において、Closure Tools を使用しているということで、それにまつわる記事を書かせて頂きました。もちろん、今回もしつこく Closure Tools にまつわるお話です :) Google Chart Tools は皆さんご存知ですよね。Google が提供しているグラフ作成ツールで、これを利用すれば簡単に見栄えの良いグラフを作成することができます。 Google Chart Tools http://code.google.c
Closure Library が持つアニメーション効果 : Tech Talk Blog - Six Apart
どうも。チョコレートって人を幸せな気持ちにしますよね。Lekumo キャンペーンビルダー開発担当の間です。 さて前回は、Lekumo キャンペーンビルダーの開発において、Closure Tools を使用していることを書きました。今回は、Closure Tools のうち、Closure Library が備えるアニメーションの種類を、デモを交えてご紹介します。Library にはそもそもデモが含まれているのですが、Scroll など、含まれていないものもあるので。 ソースはこちら。 goog.fx.dom.Slide 指定したエレメントを、任意の座標から任意の座標へ移動します。 SlideFrom を使えば、現在位置を起点とすることができます。 Slide to Left Top Slide to Right Top Slide to Left Bottom Slide to Right
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
