KataPad.com This domain is for sale Fill out the form on the rightbelow. One of our domain experts will email you a price within 24 hours.
やっぱりFLASHなんていらない!? HTML5でできた超高度なインタラクティブサイト2011.11.14 14:00 mayumine 「One Milionth Tower」は高層建築が社会に与えてきたストーリーをミニドキュメンタリーとして紹介するプロジェクト。 「One Milionth Tower 」の注目すべきところは、世界初の、完全にHTML 5と WebGL、Javascriptだけで作られた、高度なインタラクティブなサイトになっているところです。 3Dのビルや写真(そして音も)のドキュメンタリーグラフィックスは、すべてWeb GL(2D/3Dグラフィックスをウェブブラウザだけで表現できるAPI)で表現されています。 さらに「One Milionth Tower」では、「Popcorn」と呼ばれる、WebのAPIとHTMLのビデオ属性を統合する特殊なJavascriptツール
(ここで言うHTML5はcss3とJavascriptも含めた技術全体の事、逆にFlashはAir等の派生技術は含めないブラウザ上のFlashPlayerの技術のみを指します。) ウェブに携わる人間には常識だけど、HTML5は何でも出来るスーパーヒーローではない。 どちらかというと、中日の高木とか、ヤクルトの宮本とか、巨人の川相とかの方が近い。知らないやつはググれgoogle:いぶし銀。 HTML5の真骨頂は、昨今のリッチなインターネットコンテンツを、非常に簡潔にスマートに記述できるところにある。複雑な事をすれば凝った事もある程度できるけど、得意分野じゃない(標準APIが機能不足だし、JavaScriptの言語仕様が複雑な処理に向いていない)。 ブラウザだけでここまで出来る、とか、 Flashはもういらない、とか、 ってのは、川相だって筋肉付ければホームラン打てるようになるし清原はもういら
ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動
mashiはJavaScriptベースのタイムライン指定のアニメーションを実現するツールキット。 mashiはJavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを実現しようと思うと、技術的に候補にあがるのがアニメーションGIF、Flashそして動画だろう。どれもあまり動的に作り出すものではないので、再利用性やシステムとの親和性は高くない。 画面上の部分がアニメーションする もっと手軽にアニメーションを作ったり閲覧することができれば、Webサービスのアピール方法が変わるかもしれない。そのためのツールキットがmashiになる。タイムラインに則って、情報をスムーズに切り替えることが可能だ。 mashiはベースになる幾つかのツールキットを組み合わせつつ、app.jsというファイルを編集してタイムラインを作っていく。作られたアニメーションは再生ボタンがあり、それを
従来はブラウザゲームと言えばFlashが主流でしたが、iPhoneやiPadの登場でプラグインを使用しない作り方が求められてきています。 その中で今一番注目を集めているのはやはりHTML5では無いでしょうか。 LimeJSの目標はユーザーがFlashで出来ているのかHTML5で作られたのかを意識しないような操作性を求めているとの事です。 実際にデモを体験してみるとわかるのですが、かなり直感的に操作できるようになっています。 動作ブラウザはHTML5が動作するものとの事で、 Chrome、Safari、Firefox、Operaで動作するようになっています。 もちろん、iPhone、iPadやAndroidでも動作します。 IEだけはまだサポートされていないようですね。 ソースコードはGithubから自由にダウンロードできるようになっていますが、 セットアップにはpythonが必要なようです
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
この記事は7/20に掲載された「HTML5 Family: CSS3 Ads Versus Flash Ads」を訳したものです これまでHTML5関連技術について多くの解説ブログを掲載してきましたが、今回は、CSS3の機能を使っておもしろい実験をやってみたいと思います。例えば、、、よく見かけるようなFlashのバナー広告をHTML5で再現することはできるでしょうか?結論から言うと、HTML5そのものは必要ではなく、いくつかの画像ファイルとCSS3アニメーションだけで十分でした(現時点では、最新のChromeとSafariでのみ機能します)。次のリンク:3つのFlashバナー広告と、それらを我々がCSS3で再現したものとを比較してみてください。実際、気味悪いほどそっくりに仕上がっています。 この記事では、CSS3とHTMLだけで上記のようなバナー広告を作る方法について説明していきます。説明
ウェブプロダクションが運営しているブログをまとめてみました。 ラボや情報発信など各社さまざまな工夫をされていて面白いです。 ※実績紹介のみのブログまで含めてしまうとキリが無さそうなので、それ以外のブログをまとめてみました。 BIRDMAN BLOG バードマンさんのブログ。 社員のみなさんで更新されているようです。 かえラボBlog ラナデザインアソシエイツさんのテクニカルチームによるブログ。 HTML5やJavaScriptなどの技術ネタが多いです。 SPICEBOX LABORATORY スパイスボックスさんのラボによるブログ。 サービス開発やネットニュースの紹介など UA LABO -Love Labo ver.c.o.a- ユナイティアさんのUI開発部によるブログ。 デザイン・Flash・HTMLなどのTipsなど そにらぼ ソニックジャムさんのラボブログ。 Flash・プログラム
お久しぶりです。インターンから正社員にジョブチェンジした新卒の堀口です。 ちまたではHTML5が騒がれていますね。 大抵Flashと比較されるのでFlash vs HTML5 みたいな構図が出来上がりつつあるの?? みんなFlash嫌いなの? って気持ちになってきますが、そもそもぼくはFlash vs HTML5というのに疑問を感じます。 お互のいい所を引き出せるクリエイターになりたいです! いい機会なので、HTML5も覚えちゃいたいですね。 ともかくまずはHTML5に触ってみないと何も始まらないので、先週末に少し遊んでみました。 以前プログラマーの先輩に見せていただいたブラウザ上へのファイルのドラッグアンドドロップが衝撃的だったので、 ぜひこれをやりたいの、僕は。 *調べたらブラウザ上へのファイルのドラッグアンドドロップはFirefox3.6の対応のみでした。 ということでこんなデモを見
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く