Ludei - We love HTML5HANG TIGHT. YOU WILL BE REDIRECTED...
HTML5 Demos
Google Hangouts Chat web component: <hangout-chat> Screensharing with getUserMedia() <gangnam-style> web component ShadowDOM Visualizer Animate a background using <canvas> as the source Create .webm from getUserMedia() Sticky Blog Titles Image Importer using Folder Drag & Drop "Holy Grail" of Application Layout Hooking up <audio> to the Web Audio API Live Photobooth Video subtitles HTML5 Filesyste
TANAKA Uの自由帳 / NEXTFRAME(!): HTML5ではゲームが作れない
「釣り針でかすぎだろ・・・」 いえいえ、田中流儀のゲーム個人制作では、でかい障壁があるんです。 結論から書きますが、それは「ロイヤリティ効果音・BGMをhtml5で利用するのが難しい」という事です。 「ロイヤリティ素材使うな」 「flash使え」 「Unity使え」と2秒で結論を出したあなたは、よく訓練された開発者かフリーランスですので、ブラウザバックを押して頂いても大丈夫です。 まぁ、たまにはライセンスの話も面白いですよ！ ・ゲーム制作の強い味方「業務用素材集」が使えない 私はゲーム制作に「Sound Ideas」や「HollywoodEdge」、「Nash music library」などの 業務用素材集を多数利用しています。 http://www.sound-ideas.com/ http://www.hollywoodedge.com/ http://www.nash.jp/fum
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか？ 僕は大好きです。 Web Creator's Contest Q（HTML、CSS、JavaScript エンジニアのためのコンテストサイト）では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています！ 魅力的な画面遷移エフェクトのコード集！ Cubic Transition ※「▶Play」ボタンをクリック！
ティラノスクリプト｜スマホ対応のノベルゲームエンジン。無料
スマホ対応のノベルゲーム開発ツール。完全無料。 ティラノスクリプトを使えば、幅広い環境に向けてあなたのゲームを公開できます。 マルチプラットフォーム時代のゲーム開発をぜひ体験してください。 幅広い対応環境。Windows、Mac、iphone、アンドロイド、ブラウザゲームで発表できます。 完全無料。商用利用にも制限なし。さらに改造もOK！ ティラノスクリプトの作品数は10,000作品を突破！情報も充実しています。 初心者向けチュートリアルを試してみる あらゆる環境で動作し、多彩な配布方法が用意されています ティラノスクリプトで作られたゲームはあらゆる環境で動作します。 作品の配布方式も「Windowsアプリケーション」「MacOSアプリ」「iphoneアプリ」「Andoroidアプリ」「ブラウザゲーム」「ホームページ埋め込み」 「各種携帯ゲーム機、据え置き機」など、 多くのプレイヤーに作品
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
HTML5 File Uploading Tutorials | HTML5 Web Design Blog
We hope that after reading this post and thoroughly learning all tutorials you’ll be able to develop HTML5 file uploading plugin by yourself. Sometimes it seems that there are no things in web development that you can do without HTML5 involvement – it’s everywhere. Who knew that a simple markup language could evolve into a powerful and rapidly developing technology, which dictates the latest trend
HTML5&API総まくり
第16回Alfresco勉強会（2013.06.06）の発表資料です。 Alfrescoでibatisを使ってカスタムテーブルにデータをINSERTしたりSELECTしたりする方法について紹介しています。
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
Native Drag and Drop | HTML5 Doctor
Along with an army of JavaScript APIs, HTML 5 comes with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up. HTML 5 DnD is based on Microsoft’s original implementation which was available as early as Internet Explorer 5! Now currently supported in IE, Firefox 3.5 and Safari 4. We’re going to look how to implement DnD and review some of the issu
localStorageの挙動と簡単なラッパー - Block Rockin’ Codes
[追記] テストのソースだけを見られる様に、gistに張りました。 gist:542451 localStorageを使ってちょっとやってみたいことが有るので、まずはlocalStorageを色々使って見ようと思ったのですが、思った以上にブラウザごとの挙動に差があって、イベントどころかだだ値を取り出すだけでも、色々気をつける必要があることが分かりました。 以下は、手元の Mac に有った FireFox 3.6.8 Chrome 5.0.375.126 Sagari 5.0 (6533.16) の環境で試した結果です。 格納出来るデータ W3Cの仕様ではJSのオブジェクトであれば一通り格納出来るように定めているらしいですが、現在は単なる文字列しか入らない物が多いようです。 なので、オブジェクトを格納するためには、JSONをシリアライズして入れる形になると思います。 Native JSON
Html5 File Upload with Progress On Matlus
Html5 finally solves an age old problem of being able to upload files while also showing the upload progress. Today most websites use Flash Player to achieve this functionality. Some websites continue to use the Html <form> with enctype=multipart/form-data, but with modification on the server side to enable showing users the upload progress. Essentially, what you need to do is hook into the server
Drag out files like Gmail
Drag out files like Gmail Google in their quest to keep me busy in trying to figure out how they do their innovative features in Gmail are at it again. First it was drag and drop uploading which used a clever trick to make it work in Chrome which currently doesn’t support the FileReader in their stable release. Now they’ve added the ability to drag out attachments to your file system, allowing you
本の虫: QuirksBlog: HTML5のドラッグ＆ドロップはクソだ
QuirksBlog: The HTML5 drag and drop disaster QuirksBlogで有名なPeter-Paul Kochさんが、HTML5のドラッグ＆ドロップに関して、酷くののしっている。かなり好い文章で、興味深かったので翻訳してみた。記事が長いので、blockquoteを使うのは御免を被る。 一日半もテストして、HTML5 drag and drop moduleはクソなばかりか、ゲロみてえな臭いがプンプンするってことが、いやというほど分かったね。 コイツはHTML5規格から、ソッコーで消すべきだし、もっとまともな規格が制定されるまでは、現行ブラウザは、この機能を、一刻も早く無効にするべきだ。 Web開発者は、HTML5のドラッグ＆ドロップを使うな。絶対使うな。RFC2119で規定されているMUST NOTの意味で使うな。使いたきゃ、従来通りのスクリプトで実装
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ | HTML5でサイトをつくろう
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。 特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。:phpspot開発日誌
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 2011年05月26日- DESKTOPIFY Aquaron HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 このライブラリを使うことで簡単にjquery風の記法でデスクトップ通知が出来るようです 試しに、入力して送信してみると。 という具合にChromeだと表示されます。 通知していいかどうかも聞かれるのでそこを一度許可すれば、便利な通知として使えます。 LightBox的通知もいいですが、わかりやすさでいえばこちらもいいですね。 関連エントリ JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 ブラウザに分かりやすい通知を送れるスクリプト色々 利用者に対し非常に分か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction to Miscellaneous DOM Components (1) - DOM ECMAScripting