コーディングが上達するコツ悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）
Mozilla、HTML5の威力を紹介するMMORPG「BrowserQuest」を公開
Mozillaは3月27日（現地時間）、HTML5の性能を紹介する目的で開発したMMORPG（多人数同時参加型オンラインロールプレイングゲーム）「BrowserQuest」を公開したと発表した。Firefoxや米AppleのSafari（iOS版を含む）、米GoogleのChromeなど、HTML5をサポートするWebブラウザで楽しめる。 BrowserQuestは、Mozillaがフランスのゲーム開発メーカーLittle Workshopと共同で開発したMMORG。好きな名前を付けたキャラクタで村の中を動き回り、村人と会話したり敵キャラを倒してアイテムを獲得したりして先に進む伝統的なロールプレイングゲームになっている。本稿執筆段階でMac版Safariで参加したところ、74人のプレーヤーが同時に参加していた。プレーヤー同士はテキストチャットで交流することもできる。 このゲームは、HTML
■現在のFLASHの立ち位置について■現在デフォルトでは、iosではflashサイト、Flashコンテンツが見れないのが現実、だからといって、どうしてここまでFlashが極端に減ったのか？FlashでできることはJSでできるとよく聞きますが、それはちがうのではないでしょうか？自分...
■現在のFLASHの立ち位置について■ 現在デフォルトでは、iosではflashサイト、Flashコンテンツが見れないのが現実、だからといって、どうしてここまでFlashが極端に減ったのか？ FlashでできることはJSでできるとよく聞きますが、それはちがうのではないでしょうか？ 自分もデザイナーをやりながら、AsとJsを長く使っていますが、本当にサイトの雰囲気づくりにこだわったFlashの表現にJsやCss3等ではとてもついてこれないと思います。 実際にJSでフルフラッシュみたいなサイトを作っているものを見かけますが、PCで処理スピードが追いつかず、まともに動いていない物をみかけたことも多々あります。 bookmarkサイトなどで、本当にこだわったものは、PCではフラッシュで、iosでは同じようなものをjsで作って分岐するという方法をとっているのをたまに見かけます。 作るものによってもち
MdN Design｜総合情報サイト
Webアプリ・リッチコンテンツ 3-01 Flashの現状とこれからの展望（前編） HTML5の台頭によりFlashへの風当たりの強さが目立っているが、本当にFlashはWebにとって必要のなくなった技術なのだろうか？ FlashとHTML、それぞれのメリット・デメリットを改めて見つめなおしてみよう。 制作・文／ハヤシユタカ（有限会社ムーニーワークス）、岩澤学（リトルフロア） Flashはなぜ避けられ はじめてきたのか 最近はFlashが敬遠され、Flashで作られたサイトが圧倒数で減ったのは疑いようのない事実だろう。 それは、優れたWebサイトを集めたブックマークサイトを見ると顕著に実感できる【01】【02】。 1 ～2年ほど前までは、それらに掲載されるサイトの9 割以上がFlashサイトだったが、現在は真逆といっていい状況だ。 また、Flashの魅力を大きく伝えた多田屋のサイトなど、一
ExplorerCanvas
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages. Overview Sample pages using the canvas tag are included with the source code. For more information about the canvas tag,
HTML5は本当にFlashの代替になり得るのか？～Webテクノロジー進化論
第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料
Koji Morimoto Official Site
国内・海外のアニメーションカルチャーをトップクラスで牽引し進化し続ける “アニメーション監督／映像作家／ヴィジュアルクリエイター／アートディレクター" メインクリエーターとして創設に携わり長年活動していたSTUDIO4℃から基点を離れ、2011年、Φphyという少数精鋭のクリエィティブチームを主宰し、現在制作活動を展開している。 ビジュアルクリエイターとして世界各国のアートプロジェクトに参加、企業へのアートディレクションやCMやプロダクトデザイン、空間デザインなども行う。 現在、アニメーション表現と実写を駆使した、オリジナル実写映画の製作に強い意気込みを掲げている。 アイデアの源は常に「時間を撮りたい。次元の壁を払拭し、 俯瞰した着眼点でこの世を観る」という存在の極を無くした”軸の無”である。 オリジナルの浮遊感は森本ならではのSF的手法と表現であり 広がる地平線、壮大なランドスケープ、緻
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
Indexed Database APIによるデータベース(1/7):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は２種類用意されています。以下にざっと整理しておきましょう。 Web SQL Database API――これは既に連載の第４回で取り上げましたね。SQLベースのリレーショナルデータベース機能です。 Indexed Database API――これが今回取り上げるものです。非SQLによるデータベース機能です。 もともとデータベース機能は、Web SQL Database APIのほうが早くブラウザ側の実装が進められていました。が、ChromeやFirefoxなどが実装した頃になって、W3C（HTML5の規格を策定しているところ）がSQLベースのデータベー
Yahoo! Creative AwardでHTML5 賞を頂きました | ClockMaker Blog
お手伝いさせていただいたコーポレートサイト「amanagroup INDEX」がYahoo! JAPAN インターネットクリエイティブアワードのHTML5賞を、受賞しました。 関係者のみなさま、おめでとうございます＆お疲れさまでした。HTML5に挑戦する最高の機会にお誘いくださいまして、本当にありがとうございました。 ちなみに今月のWebDesigning12月号(2011)の特集「先端事例に学ぶjQueryのテクニック」でも掲載されています。もし興味がありましたらそちらもチェックくださいませ。 Web Designing 連載記事と特集掲載のお知らせ 以下、クレジットです。 produced by amanaholdings inc. Created by amanainteractive inc. Creative Direction: Sachiko Oyamada Art Dire
【第21回 HTML5とか勉強会】 ゲーム開発はHTML5+スマホベースが新潮流
ゲーム開発でHTML5やCSS3、JavaScriptの使いどころは？ 2011年9月27日、サイバーエージェント セミナールームで、「第21回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会だ。今回のテーマは「HTML5＋ゲーム」。当日の様子をお伝えしよう。 「Smartphone 向け HTML5 ゲームの作り方」 まず、ディー・エヌ・エーの城戸氏（@sou）からプレゼンがスタートした。城戸氏はDeNAで海外向けWebViewHTML5アプリ開発や、内製タイトルのスマホ対応などを手掛けている。 mobageでは、さまざまなタイトルがすでにAndroid/iOS対応済みであることを紹介した。具体的にはHTML/CSS3ベース、Canvasベース、SWFベース（ExGame）といった複数の実現方法を使い分けている
［速報］jQuery Mobile 1.0正式版が公開！ モバイルアプリケーション開発の新時代へ
モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました（日本時間18日午前3時頃）。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN（コンテンツデリバリネットワーク）などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1）HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Mobl
Coming Soon
We're under construction. Please check back for an update soon.
最近のFlash騒動やHTML5/JS開発についてまとめ « package a24
AndroidブラウザのFlashPlayerの開発が終了したり、HTML5製の3Dコンテンツが出てきたりで、「Flash終わったの？」とか、「これからはFlashじゃなくて全部HTML5で作った方がいいの？」とか聞かれる事が増えてきたので、ちょっとまめとめてみました。 同じような境遇の方も少くないと思うので、参考程度にどうぞ。 AndroidブラウザFlashPlayerの開発終了について 残念なことにAndroidブラウザのFlashPlayerはバージョン11.1を最後に開発は終了することが発表されました。これについて「AdobeがFlashよりHTML5の方が優秀だと認めた」や「HTML5を推奨していたジョブズの完全勝利！」と考えている方もいるかと思いますが、実際のところどうなのでしょうか。 記事を参考に、開発終了の理由についてまとめてみました。 【参考記事】 ・ Clarific
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.carnationgroup.com/
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
ROXIK | Monalisa
Silk – Interactive Generative Art
