Loading...
HTML5やクラウドなどを使えばここまでできる「モーグリのツイートキャッチ」
一見するとフツーのよくあるキャンペーンサイトですが、Flash・Silverlight・Javaといった追加プラグイン的なものを一切使っておらず、その裏側ではHTML5のCANVAS・SVG・Geolocation要素など使えるものを使いまくっており、しかもクラウドやCDN(コンテンツデリバリネットワーク)をバックグラウンドで使用、見た目よりもはるかに技術的にがんばりまくっている……というサイトがこの「モーグリのツイートキャッチ」です。 モチーフとしては、「FinalFantasy XIII-2」にてモーグリを投げ飛ばして遠方のお宝を探索させる「モーグリ投げ」をちょっと違う形で再現しており、このモーグリ投げによってネット上からTwitter上のツイートを集めてくることが可能になっています。もちろんツイートを集めるためにAPIを叩く際にもがんばっていろいろ工夫しています。 Internet
HTML5のCanvasをFlashライクに使う「EaselJS」が最新版を公開
Flashのエンジニアとして著名なGrant Skinner氏が開発している、HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」の最新版、v0.4が公開されました。 9カ月振りになる最新版では、ビットマップアニメーションやスプライトシートエンジンを全面的に書き換えたとのことです。 completely reengineered sprite sheet engine, which includes a host of new features: multi-image sprite sheets, variable frame dimensions, frame reuse, image preloading, and a new data format. Note that this change will require som
もうFlashは要らない!?スマホ用CSS3アニメを作ろう (1/3)
HTML5/CSS3を使ったアニメーションを作成できるオーサリングツール「Sencha Animator」。本連載ではこれまでSencha Animatorに用意された基本図形や文字だけを使ってアニメーションを作成しましたが、実際には既存の写真やイラストなどの画像を組み合わせることが多いでしょう。そこで、今回は画像を使ってスライドアニメーションを作成します。また、画像がクリックされたら特定のページへ移動する方法も解説します。学習事項をまとめると以下のようになります。 画像の読み込みと配置 グループ化 フェードイン／フェードアウトの処理 クリック時の処理 テンプレートの追加 最初に、画像を1枚だけ読み込んだ状態でフェードイン／アウトする処理の設定方法を解説し、その後、複数の画像を読み込ませる方法、クリック時にページを移動させる処理について説明します。 画像の読み込みと配置 Sencha An
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
正式発表：アドビ、モバイルブラウザ向け Flash の開発を終了。HTML5へ注力 -- Engadget Japanese
The Polaris Dawn crew is back on Earth after a historic mission
Engadget Japanese for Mobile
リークどおりの正式発表です。アドビはここ数年、 Android や RIM の PlayBook 向けに提供してきたモバイルブラウザ向け Flash の開発終了を発表しました。モバイル向けでは近く発表される予定の Flash Player 11.1 が最後のバージョンとなり、あとはバグフィックスやセキュリティ・アップデートの提供だけが行われる計画です。アドビは今後、Flash のモバイル戦略として Adobe AIR を利用したネイティブアプリへの変換機能を推進していくことに。デスクトップ向けについては開発が継続され、Flash 12 へ向かうということですが、「Flashに対応しておけば大丈夫」というマルチプラットフォーム構想が建前としても無くなってしまった以上、Flash環境全体の価値が損われてしまった感は否めません。 また、これからアドビはどうするの、という疑問に対しては、HTML
アドビ、「Adobe Edge」のプレビュー版を公開--HTML5アニメーション制作ツール
Adobe SystemsはHTML5に片足を突っ込んでいたが、米国時間7月31日、「Adobe Edge」と呼ばれるソフトウェアのプレビュー版を公開することで大胆な試みに打って出た。 長年にわたって、ウェブ上で意匠を凝らしたことを実現するためのAdobeの答えは「Flash Player」だった。Flash Playerはほぼ全てのコンピュータにインストールされているブラウザプラグインで、アニメーションゲームのプレイや動画のストリーミング、ブラウザ間の相違の除去といった機能を備えている。 しかし、OperaやMozilla、Apple、Googleといった提携企業、そして最終的にはMicrosoftまでもが、ウェブ標準で実現できることを進化させ始めた。その代表的なものが「HTML」「CSS」「JavaScript」の3つだ。 これらの新標準はとりわけ、新しいスマートフォンで利用されていた
Adobeアカデミックストア
Get 20+ {{creative-cloud}} for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of {{acrobat}}, {{photoshop}}, and {{premiere-pro}} sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes {{free-trial}} {{buy-now}}
テクノロジー : 日経電子版
体に備わる免疫の仕組みを使いがんをたたくがん免疫薬「オプジーボ」などの効き目を予測し、過剰な投薬を避けるための研究が相次いでいる。東北大学などは免疫細胞が分泌する特定の分子ががんの…続き 磨いた「確信」 がん克服に光 本庶氏ノーベル賞授賞式 ［有料会員限定］ がん免疫薬、投与の「やめどき」研究へ 全国40病院 ［有料会員限定］
Nihilogic: JavaScript Super Mario Kart
For comments and more info, go here for the blog post discussing this game. For more JavaScript game experiments, click here. Use mouse to select driver and map. Use arrow keys to drive. Quality: Screen size: Render mode: Music: Please note that the settings only take effect when the race is on. Click somewhere on the page if the game doesn't respond after changing something.
Awesome HTML5 Dashboard
close HTTP/1.1 206 Partial Content Content-Length: 62275 Content-Range: bytes 0-62274/62275 Content-Type: text/html; charset=utf-8 Server: Apache/2.2.15 (Red Hat) X-Backend-Server: node30 Vary: Accept-Encoding Cache-Control: max-age=900, public Date: Fri, 04 Mar 2011 02:30:54 GMT Expires: Fri, 04 Mar 2011 02:45:54 GMT Accept-Ranges: bytes Last-Modified: Wed, 02 Mar 2011 21:05:05 GMT Connection: Ke
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews
IDEA * IDEA
Engadget | Technology News & Reviews
Little Red Shooting Hood - HTML5 games
Loading...
London Project