YetiBowlはWeb/Windows Phone/Windows8向けのHTML5ゲームです。 HTML5で作られたゲームが幾つも出てきています。今回はその一つ、YetiBowlを紹介します。Web版のみならずWindows PhoneやWindows8アプリとしても展開できるゲームです。 下から人（？）が上がってきますので、イエティとしてボールを落とします。当てると人は落下していきます。 3人頂上まで登られると負けです。 YetiBowlはクリック（タップ）だけで遊べるゲームで、ルールも分かりやすいです。左右の矢印をクリックすると、落としたボールを移動させられます。何人（？）倒せるかチャレンジして下さい！ YetiBolwはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache License 2.0）です。 MOONGIFTはこう見る YetiBowlはWe
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
スタンフォード大コンピューターサイエンス学科の学生である Feross Aboukhadijeh 氏は、Chrome、Safari、Opera の各ブラウザに共通する深刻なバグを発見した。これを悪用すれば、トラップを仕掛けられた Web ページをクリックするだけで、HDD などのローカルストレージが満杯にされてしまうらしい (Feross.org の記事、Chrome の Issues、本家 /. 記事より) 。 説明によれば HTML5 には、5 ～ 10 MB のデータを保存するための Web ストレージのための API が用意されているという。規定ではこの API を使用するとき、ブラウザ側で書き込み可能なデータの総量を制限するよう指定されており、Google Chrome では 1 ドメインあたり 2.5 MB、Firefox や Opera では 5 MB、Internet Ex
デスクトップアプリ風の機能を実装するために 今回は、HTML5の新機能のうち、ドラッグ＆ドロップAPI、File API、Web Storageを説明します。サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。 従来、Webアプリケーションがデスクトップアプリケーションに劣る点として、操作性が悪い、ローカルファイルの読み込みができない、という点が挙げられます。 近年では、それらの問題を解決したAdobe Flash、Microsoft Silverlightを用いた、リッチインターネットアプリケーション（RIA）も登場しています。しかし、プラグインを必要とするWebアプリケーションでは、以下のような問題もあります。 iOSなど対応するプラグインが提供されていない環境が少なくない 制作側にHTML（HTML、CSS、JavaScript）以外のスキルも要求される
Agent 008 BallはHTML5製の8ボールソフトウェアです。 HTML5でどこまでのゲームが作れるか、それを知りたい人はAgent 008 Ballを触ってみましょう。ついにここまできたか…と思ってしまうレベルのビリヤードゲームです。 トップページです。 ゲームはエイトボールです。 サポートのラインが表示されるので誰でもすぐに打てるようになります。 時間制限もあります。 終わるとスコアが表示されます。 Agent 008 Ballではマウスの動きでキューの向きを変更し、ドラッグで打ち出す強さを設定します。使い方はシンプルながら、見た目がさながら本物のビリヤードのようでついつい熱中してしまうゲームです。 Agent 008 BallはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る HTML5でゲームが作れ
AudiographはWebブラウザ上で音声ファイルのイフェクトを行うソフトウェアです。 HTML5になって様々なAPIが追加されていますが、実際にどんなことができるかはまだ模索段階という方が多いようです。そこで一例としてAudiographを紹介します。音声ファイルをWebブラウザ上で加工できるソフトウェアです。 最初の画面です。 Yahoo! Pipesライクにコンポーネントを接続していきます。 例えばこんな感じにループさせることもできます。 説明です。 各種クラウドストレージまたはファイルアップロードを使って音声ファイルをアップロードします。 Playを押すと再生されます。この他マイクを使うこともできます。 ポーズした時の表示です。 コンポーネントとしては音声の左右バランスを変更したり、遅延させたりと言ったものがあります。他にもたくさんの編集機能があり、それらをパイプでつないで一つの
タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ
![[HTML5 入門]HTML5の略された49タグの語源全てを調べた](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。 今回は、いつものHTML5・JavaScript・CSSに加えて、ActionScriptでのエントリーもできます！ 「じつはFlashのほうが得意！」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品をいくつかご紹介したいと思います。 今回のお題「カードの合成のUI・演出を作ってください」 Flash編 forked from: SPEC vol.5 投稿用コード - wonderfl build flash online forked from: SPEC vol.5 投稿用コード - wonderfl build flash online JavaScript編 ※スマートフォン専用 締切は
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム（特に検索エンジン！）がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 ＃1：<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で
コーディングコンテスト "Q" vol.2を開催中です！ jsdo.itで開催中のイベント「Web Creator's Contest "Q"」で「桜」を募集したところたくさんの投稿が集まっています。まだ募集期間中ですが、花見シーズンが終わる前に投稿作品の一部を紹介したいと思います！ Web Creator's Contest Q Flashの名作をHTML5でリメイクしてください このFlashで作られた作品をHTML5でリメイクするのが今回の課題です。 SAKURA - wonderfl build flash online 投稿作品の一部を紹介！ PLAYをクリックすると実行できます。STOPすると制作者のコメントとコードを閲覧する事が出来ます。 散り舞うSAKURA - jsdo.it - share JavaScript, HTML5 and CSS 奥行きのあるSAKURA -
今年一年で多くの話題を振りまいたHTML5。今年から覚えてみよう、活用してみようという方も多いと思います。今日紹介するのは、HTML5を使うためのチートシート「HTML5 Cheat Sheets」です。 HTML5 Tags Cheat Sheet HTML5のタグ、イベントの定義にあわせて、それを処理するイベントハンドラ属性の一覧、HTML5がサポートされているブラウザが一目で分かるシートと3枚セットになったチートシートです。 詳しくは以下 HTML5 Event Handler Content Attribute Cheat Sheet HTML5 Browser Support Cheat Sheet タグのチートシートではHTML4とHTML5とタグと併記されており、こちらを見ればコーディングの際に迷う事も少なくなるはずです。新年からHTML5を覚えていこうという方は是非どうぞ。
CAKEはCanvasタグを使ってグラフィカルなアニメーション描画を行うJavaScriptライブラリです。 HTML5のCanvasタグによってWebの表現力は格段に増したと言えます。今回紹介するCAKE（Canvas Animation Kit Experiment）はCanvasタグを使ってアニメーションを実現します。多彩なデモがあるのでぜひ公式サイトでチェックしてみてください。 最もシンプルなデモです。サークルが回転します。 それを描いているHTMLタグです。結構複雑ですが、見がたい訳ではありません。 色々なデモあります。 流れるような動きが格好いいです。 マウスで大きさを変えられます。 大きなモデルの周囲を小さなモデルが回ります。 ベジュ曲線調に光が下りていきます。 枝が進んでいくデモです。 四角が回転するデモです。 SVGを表示するデモです。 デモ動画です。 CAKEはアニメー
もうとっとと世の中からFlashなんて消え去ればいい...の声を上げるキャンペーンが始動中2011.11.28 16:00 言いたいことは分からないでもないような気がする... このほどモバイルブラウザ用のFlashプラグイン開発中止を表明したアドビですが、もうモバイルシーンに限らず、この世の中からFlashのイライラを消し去ってしまえって勢いのキャンペーン｢Occupy Flash｣が始動していますよ。デスクトップ版のFlashプレイヤーの早期終了を呼びかけるサイトなんですけど、確かに遅いしブラウザクラッシュは頻発するし、でFlashには頭にきてるってユーザーも多いかもしれませんよね。 Occupy Flashは、あくまでもアドビが大嫌いなのではなくって、Flashという存在そのものにターゲットを定めており、HTML5やAdobe AIRへと移行を進めるアドビの姿勢は評価するとのコメント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
