Pure CSS Coke Can
http://www.romancortes.com/blog/pure-css-coke-can/
iframeのコーラ缶がスクロールバーの動きに合わせて横回転するデモ。
使っているのは、CSS 1とCSS 2なプロパティ設定だけだそうです。
なので、ほとんどのブラウザで確認できるとのこと。
もちろんコード・バリデーションも大丈夫だってさ。
CSS3 – Zoom…zoooom…zoooooom!
http://www.cssplay.co.uk/menu/css3-zoom.html
こちらは、HTML 5 + CSS 3 満載なので Webkit系ブラウザ(Safari or Chrome)で見ないといけません。
マウスオーバーでグングンZoomするアニメーションを楽しめます。
Jobs が言ったからって訳じゃないけどWebkitが実装した HTML 5 + CSS 3 なことが気になる今日このごろです。
HTML 5 でできた Video Player。
Play / Pause, Seek bar, Time position, Full screen button など機能は充分ですが、残念ながら現時点では音量調整はできません。
ビデオは JVT/AVC Coding、1280 × 544、約 1670 万色, AAC, ステレオ（L R）, 48.000 kHz。
JVT/AVC Coding は H.264 CODECのこと、だと思う。
Wikipedia : H.264
確かに Jobs が言うように HTML 5 で動画再生は可能ですが．．．
再生ができるのは、Webkit系ブラウザ Safari, Cherome, IE + Chrome Frame installed です。
将来は、Firefoxへの対応計画もあるそうです。
ソースを公開する予定もあり、ノン・コマーシャルは無償らしいです。
商用利用は有償だってことだと理解しました。
SublimeVideo will be soon released for free (at least for non-commercial use).
とっても素晴らしいプロジェクトだと思います、自由に使える日が待ち遠しい．．．かな（ぁ）。。。
HTML 5, Video は H.264 の他にもコーデック候補が上がっており、ブラウザメーカーや動画配信サイト、CODEC 特許所持企業の思惑が複雑に絡んで芸能ニュースばりのドロドロした感じになってしまうのが一番イヤです。
ドロドロしたままだと、しわ寄せが制作の現場にくるのは必至です。
まぁ、gordon と同じように HTML 5 をターゲットにしたプロジェクトが続々と誕生してるんだなぁ、と実感せずにはいられませんでした。
HTML 5 + CSS 3 時代のための準備を始める時が来たのかもしれません。
iPhone / iPad で Flash が再生できるのが一番嬉しい。
CS5 の目玉は iPhone アプリが作れること。
CS6 での新機能は HTML 5 コンバートできること、なんてことになるのかなぁ。そうなったら Jobs の思い通りになっちゃうな。
そんなのやだなぁー。
Actionscript で作れるからいいのか、なんか良くわかんなくなってきた。
update 2010-02-03
@clockmaker さんの HTML 5 / Flash に関する素晴らしいエントリーがあったのでリンクさせていただきます。
Flashだとここまでできる! HTML5とFlashの機能比較
blog : astatic notes
http://blog.inspirit.ru/
Google Code : in-spirit
http://code.google.com/p/in-spirit/
@inspirit さんのサイトを以前から注目しています。
Google Code にもパーソナルプロジェクトがホストされています。
プロジェクトはいくつかあって、それぞれフォルダ分けされています。
何か１つの目的に向かって作られたものではなく興味の向くままに作られているようです。
Bitmap, 3Dなどの記事など面白い記事ばかり、なかでも
Adaptive Thresholding using Integral Image はお薦め！
http://www.inspirit.ru/
の絵もかわいい。
HYPE framework はちょっと風変わり（？）な Actionscript フレームワークです。
Flash コンテンツ開発で良く使用するような機能実装を簡単にしてしまおうとしているようです。
簡単に Mouse に追随するインスタンスを作成したりできます。
http://hype.joshuadavis.com/01_background/mousefollow-hype/
サンプルコードはたったの3行です。
モーションをコントロールする Tween Engine 系の機能もあったりするのですが少々アプローチが違うようです。
KeyboardEvent の取得も簡単に行えるようになっています。
http://hype.joshuadavis.com/02_examples/hotkey/01_hotkey/
ObjectPool はインスタンスを文字通り Pool し参照を使い回すことでパフォーマンスの低下を防ごうとしています。
http://hype.joshuadavis.com/02_examples/objectpool/01_objectpool/
FITC Tokyo 2009 で gskinner のデモの中の１つに同じアイデアのものがありました。
インスタンスへaddEventListenerしてハンドラ書いてEventを処理するのってたまに億劫になったりするのを助けてくれそうです。
自分自身のプロジェクトにどう組み込むかは難しいところですが、HYPE に収められいるコードや設計思想は面白いなぁと感心しました。
以前から魅力的な作品を作り続けている flight404 さんの映像作品です。
モーションとか色や音の全てが気持ちイイ。
なによりクオリティーが飛び抜けてる。
刺激とヤル気をいっぱいいただいてます。
Solar rework from flight404 on Vimeo.
flight404 on vimemo 要チェックだと思います。
vimeo は最近 iPhone に対応してました。
ダウンロードが Youtube に比べて遅いのがね・・・
ソシャール・ブックマークサービスに登録するボタンを提供する Add This を使ってみることにしました。
ユーザー登録し、サイトのタイプを選んでボタンの形状を選んで「Get your Button」を押すだけ。
吐き出されるコードをはり付けるだけ。
簡単に使えます。
Analytics メニューで解析もしてくれるらしい。
自分のサイトがどれだけブックマークされているか気になる人は使ってみるのも良いかもです。
あっ、Wordpress プラグインもあった。
AddThis
アカウントは必要だそうです。
あわてて、プラグイン版に変更。
表示位置の変更がAdd This設定ページにない様子。
ドロップダウンででるアイコンは Drop-down options (comma-separated): セクションでできる。
使ったことないけど日本人なので hatena を追加しておいた。
Web のスクリーンショットが欲しいときに、Firefox + Aviary アドオンが便利かも。
今まではMacで、Snapz Pro X, Paparazzi! を使っていました。
オンライン・グラフィック+サウンド編集サービスを提供している Aviary の Talon: Screen Capture & Aviary.com Quick Launch アドオンを使うと格段に便利そうです。
アドオンは Aviary:Screen Capture からもインストール可能です。
アドオンでは
Capture Region on Page：選択範囲を指定
Capture Visible Portion of Page：ブラウザで表示されている部分のみ
Capture Entire Page：表示されていないところも含むWeb全体
を選んでキャプチャ可能です。
キャプチャ後の画像をどうするかは4つの選択肢が用意されています。
Edit it in Aviary.com
Save to Desktop
Copy to Clipboard
Host it at Aviary.com
Aviary:Screen Capture ではオンラインでもキャプチャサービスを提供しています。
Firefox以外のブラウザをどうしても使いたい時はこちらのサービスを使うのかな。
残念なのは時間がアドオン版よりかかるのとアドオンでは問題ない日本語がキャプチャできないこと、ブログのように縦に長過ぎると途中までしかキャプチャできない点です。
オンライン版Screen Captureのbookmarkletも用意されていました。
アドオン・オンライン版ともにAviary アカウントが必要です、有料サービスもありますがまずは無料版のアカウントを作れば良いでしょう。
はてなからもキャプチャ アドオンが出てるけどどうなんかな？
グラフィック系オンラインサービスを展開している aviray.com が音楽系新サービスを始めたようです。
Online Audio Editor – Aviary.com’s Myna
文字通り音楽編集ができるツールをFlashで作っています。
Grage Bandのようにライブラリからプリセットされた音源を選んでトラックに並べたり、アップロードした音源を使用したり、録音機能もついています。
内部で音を生成するのではなく音源にはmp3が必要なようです。
インターフェースは音ものアプリそのままなので違和感なく使えると思います。
こんなことまでできちゃうんだなーFlash。
aviaryのアカウントがなくても遊べます。
Flex で作られている便利サービスをブックマーク。
gskinerさんの正規表現チェックサービス
RegExr: Online Regular Expression Testing Tool
Adobe の Flex 2 でのコンポーネント一覧
Adobe Flex 2 Component Explorer
@daoki2 : Frog on AIR さんの diff サービス。
diff の表示がカッコいい。
compLex: File diff service
Flint particle system のオンライン・シミュレーション・サービス（非公式）
flintparticleab
イージング関数ジェネレータ
Custom Easing Function Explorer
CATMAN [DVD]
青池良輔
詳解 ActionScript 3.0アニメーション
Keith Peters
.fla 2 ―Idea of Flash Creation―
新藤愛大, 寺井周平, 萩原俊矢, 小山智彦, 眞野東紗, 小瀧和正
詳解 Objective-C 2.0
荻原 剛志
iPhone デベロッパーズ クックブック
Erika Sadun
© Copyright 2008 ~ 2010 Hiroaki Okubo All rights reserved.
