2 MB 超の画像データを無理矢理 localStorage に保存してみた - あらびき日記この記事は abicky.net の 2 MB 超の画像データを無理矢理 localStorage に保存してみた に移行しました
Bytes and Blobs
File interface File : Blob { readonly attribute DOMString name; readonly attribute Date lastModifiedDate; }; All Files are Blobs Not all Blobs are Files How to Get a File With an <input> element: <input type="file" onchange="process(this.files[0])"> With Drag-and-Drop: droptarget.ondrop = function(e) { var files = e.dataTransfer.files; upload(files); } User grants permission to read the file(s) by
Magaka - Digital magazines with your face.
Magaka is a web based solution for producing modern digital magazines and, since is opensource and free, allows you too making a cool and expensive-looking magazine with your face on it. For real. Magaka uses some old & new web technologies for putting together your magazines, meaning that your readers just need to have a browser onboard to read your stuff, keeping you away from messing with compl
Manipulating video using canvas - Web APIs | MDN
By combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed. This tutorial demonstrates how to perform chroma-keying (also known as the "green screen effect") using JavaScript code. The document content The HTML document used to render this content is shown below. <!DOCTYPE html
iframe 埋め込み式 YouTube Player 向け JavaScript Player API のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
The-M-Project - HTML5 Javascript Framework
SNSなどの定番アプリやスマホに関するお悩み解決メディア
Pusherでお手軽WebSocket - iPhoneから加速度をリアルタイム送信
はじめに タイガーマスクが貢いでくれるのを待っている皆さんこんばんは。 前振り考えるのが面倒なので結論から書くと、今日はWebSocketについて扱おうと思います。iPhoneを使って↓こんなサンプルを作ってみました。 Safari上のJavaScriptと、WebSocketをWebサービスとして提供しているPusherを利用して、サーバサイドの言語を使わずに実装しています。 WebSocketってなぁに？ httpおさらい Webの通信に使われる皆さんお馴染みのhttpは、クライアント（ブラウザとかね）とサーバが常に「問い合わせ（リクエスト）と返答（レスポンス）」のペアでやりとりをおこないます。 クライアント(FirefoxやChromeなど): 「情報ください」 サーバ(Apacheやnginxなど): 「はい、どうぞ」 このシンプルな仕組みがhttpの強みであり、URLと共にここま
第0回 html5-developers-jp杯 HTML5プログラミング&クリエイティブ・コンテスト
<h2>当コンテストにご興味を持っていただき、ありがとうございます！</h2> このコンテストは、日本の優れたHTML5開発者・クリエイターの作品を広く知っていただき、引いては日本のWeb開発をさらに盛り上げていくことが目的のイベントです。 <p> <span style="font-weight: bold; color: red; font-size: 120%">本コンテストの申し込みは終了しました。多数のご応募、大変ありがとうございました。</span> </p> そもそもの発端は、html5-developers-jpがデブサミ2011でブース出展するにあたり、何をメインコンテンツにするかをスタッフと話し合ったことでした。いろいろ話しあう中で、やはりここは「日本のHTML5開発を盛り上げ、サポートする」というコミュニティの趣旨に立ち返ろうと言う事になり、このようなイベントを開催す
Online/Offlline events - robertnyman.com
You are Online Code used in this page (function () { var displayOnlineStatus = document.getElementById("online-status"), isOnline = function () { displayOnlineStatus.innerHTML = "Online"; displayOnlineStatus.className = "online"; }, isOffline = function () { displayOnlineStatus.innerHTML = "Offline"; displayOnlineStatus.className = "offline"; }; if (window.addEventListener) { /* Works well in Fire
[HTML5] Drag and Drop API のこと
HTML5のドラッグ＆ドロップはこれ書いてる時点でFirefox、Chrome、IEが対応。 しかしIEの場合はFileReaderとデータURI未対応だから全く面白みがない。 Drag出来るといってもMooToolsやjQueryなどで実装するようなぬるぬる動かすようなものではなく、 html5.jpのチェックページにあるツールのように、右から左へ受け流すようなことしか出来ない。 jQueryとの比較がこのサイトで見れる。 故にshapeshed.comのデモみたく、ゴミ箱にドキュメントを捨てたり、カートに商品を入れたりする用途には向いているが 自由奔放にドラッグさせるとなるとFrameworkの力を借りるより他ない。 サンプルでよく見るのはコンピューターにあるファイルをブラウザウィンドウにドラッグして、 そのファイルの中身をFileAPIで読み込んでこねこねするっていうやつだと思う。
![[HTML5] Drag and Drop API のこと](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Web Socket テスト用の Chrome Extension を作ってみた - hakobera's blog
node.js で Web Socket の実験をしていて、いちいちテスト用の HTML を作るのが面倒なので作ってみました。 Chrome Extension は初めて書いたので、「こんなソースで大丈夫か？」なのですが、とりあえず自分の目的である Web Socket の開発テストには使えているので良しとしています。 Chrome Web Store - Simple WebSocket Client ソースはこちら hakobera/Simple-WebSocket-Client · GitHub なお、お気づきの方もいるかも知れませんが、名前もデザインも Simple-Rest-Client のパクリ にインスパイアされています。 おまけ node.js で以下のようなコードを書くと、Simple-WebSocket-Client を利用してチャットができます。 var sys =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Content Delivery for Mobile Devices - mobiForge
GitHub - fredsa/forplay: Automatically exported from code.google.com/p/forplay
http://html5rocks.googlecode.com/hg/www.html5rocks.com/content/tutorials/file/filesystem/index.html?r=932b3985c38b64d3790460b93afe169270b539c3
Loading...
MediaLoot Designer CSS UI Kit
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - davebalmer/turtlewax: Logo-style turtle graphics in JavaScript using HTML5 Canvas. Basically, turtle graphics re-imagined for a JavaScript world. Current lib (with HSV color support) gzips down to <1K (about half that if you skip HSV color util),
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
