Mozilla Developer Center
オープンなウェブは、開発者に素晴らしい機会をもたらします。これらの技術を最大限に活用するには、それらの使い方を知る必要があります。以下に、ウェブ技術のドキュメントへのリンクがあります。 ウェブ開発者ガイド ウェブ開発者ガイドは、ウェブ技術を実際に使用して、やりたいことや必要なことを実現するために役立つハウツーコンテンツを提供しています。 ウェブ開発者向けチュートリアル HTML、CSS、JavaScript、Web API の学習を段階的に進めるためのチュートリアルです。 アクセシビリティ ウェブサイトを使用する人に何らかの制約があっても、できるだけ多くの人が使用できるようにすることです。 パフォーマンス コンテンツをできるだけ早く利用できるように、操作できるようにすることです。 セキュリティ データ漏洩やデータ盗難、サイドチャンネル攻撃、クロスサイトスクリプティング、コンテンツインジェク
ブラウザにファイルをドラッグ&ドロップそしてアップロードを調べてみたので » あるみ缶はある意味、勘
Gmailのようにドラッグ&ドロップして、アップロードってのをブラウザでできないか調べてみたのでメモ。 参考にしたのは、以下のURL File APIとドラッグ&ドロップを組み合わせてみる Firefox： Using files from web applications File DataTransfer Chrome: Drag-and-drop file upload in Google Chrome/Chromium? 大まかに処理の流れを見てみると多分次のような感じ。細かい処理はURL内のコードを見てください。 ドラッグ&ドロップをするためには、dragover,dragleave,dropといったイベントをイベントリスナに追加する。すると、取得したイベントのdataTransferオブジェクトのfilesってプロパティから、Fileオブジェクトが取得できる。 この後の方
html5の File API を使って、アップロード無しで画像プレビュー - 超自己満足プログラミング
画像をプレビューするために、サーバへアップロードする必要がなくなります*1。 html fileのアップロードフォームにonchangeを仕込んでおきます。 あとは、プレビュー表示用の要素だけ準備。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form> <input type="file" name="file" onchange="preview(this)" /> </form> <hr /> <b>preview:</b><br /> <div id="preview_field"></div> </body> </html> javascript function preview(ele) { if (!ele.files.length) return; // ファイル未選択 var f
【レビュー】使用中のブラウザは、どこまでHTML5に対応? − HTML5 APIチェッカーを試してみる | パソコン | マイコミジャーナル
「文書からアプリケーションへ」、HTML5の新たな新機能でよく語られる言葉である。実際に、HTML5では、これまでにない表現力を持ったWebページへと進化することが予想される。そして、Internet Explorer 9(以下、IE 9と略記)やFirefoxなどのメジャーブラウザが、バージョンアップを予定しており、その新機能にはHTML5への対応があげられる。 図1 IE 9 Platform Preview 6で「Beauty of the Web」をブラウズ。HTML5の機能もデモ可能だ 後述するが、HTML5への対応はブラウザによって差異がある。そこで、本稿では、使用中のブラウザがどの程度HTML5に対応しているのかを検証するツールHTML5 APIチェッカーを紹介したい。 HTML5の過去・現在・未来 まずは、HTML5についておさらいしてみよう。まずは、HTML5の登場の背景
WebSocketの現状と技術的課題
WebSocketの現状と技術的課題：WebSocketで目指せ！ リアルタイムWeb（2）（1/2 ページ） 今回はWebSocketを取り巻く技術的課題や、実装状況についてご紹介します。また私たちが開発したサービス「Pusher」についても取り上げます。 WebSocketに関連した技術的課題 前回のWebSocketの紹介を読んでくださった読者のみなさんはWebSocketを試してみたくてたまらないのではないでしょうか。でも少し待ってください。皆さんを脅かす訳ではありませんが、以下の点についても考えなければいけません。 変化し続けるドラフト IETFのドラフトを見てみると、最初のバージョン（00）は2009年の1月に策定されたのが分かります。Chromiumが最初にWebSocketの実装を発表したころのバージョンは66の辺りです。 それからしばらくの間はマイナーチェンジばかりだった
humble software development - finance
HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis. Demo: This demo displays historical stock
PHPによるWeb Socket実装·PHPWebSocket MOONGIFT
PHPWebSocketはPHP製のフリーウェア（ソースコードは公開されている）。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。 クライアントサイド だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。 server.phpを実行すると、localhost:12345でサービスが立ち上がる。後はWeb Socketに対応したクライアント（例えばGoogle Chrome）でclient.htmlを開けば良い。サー
InfoQ: HTML 5 Web Sockets vs. Comet and Ajax
World Wide Webは90年代半ばに急速に成長し、情報分散の一番の手段となった。そしてブラウザがユビキタスになりユーザがそれを使うことに慣れてくれば、歴史上のどんなプラットフォームのユーザ数よりも多いユーザが利用するアプリケーションプラットフォームになることは明らかだ。しかし今はHTMLやHTTPなどの標準が、高度なインタラクションや優れたユーザエクスペリエンスといった考え方を元々の設計思想に持ってないため、まだその段階には至っていない。多機能なオンラインアプリケーションを提供しようとする初期の取り組みのいくつかは、MicrosoftのExchangeエンジニアチームでされていた。このチームはメールサーバのフロントエンドをOutlookに似たものにするために96年からIFrame要素を使っていた。当時はそれが応答性や全般的なユーザエクスペリエンスを妨げるものになっていたが、しかし来
HTML5を支えるOSSのビデオコーデック「Theora」が正式リリース | パソコン | マイコミジャーナル
Xiph.Org Foundationは米国時間の3日、ビデオコーデックライブラリ「Theora 1.0」をリリースした。ソースコードには修正BSDライセンスを適用、商用 / 非商用の別なく自由に再配布可能なオープンソースソフトウェアとして配布される。 Theoraは、米On2 Technologiesが開発し2001年にオープンソース化したビデオコーデック「On2VP3」をベースに、開発がスタート。2004年公開のバージョン (libtheora 1.0 α4) までにはストリームフォーマットが仕様として確立されたが、以降約4年にわたりβ版としての検証作業が続けられていた。今回の正式リリースは、安定性とコードベースの成熟を示すためのもの。 Theora 1.0に収録された新しいデコードプログラムは、Theoraフォーマット完全準拠のうえ、従来のバージョンに比べパフォーマンスが大幅に向上。
次世代HTML「HTML5」に対応したパーサ「html5lib 0.10」リリース
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 10月9日、Web Hypertext Application Technology Working Group（WHATWG）は、次世代のHTML仕様として策定中の「HTML5」に対応したパーサ「html5lib 0.10」をリリースした。 HTML5は、Apple、Mozilla、Operaを中心とするブラウザベンダーやウェブ開発者のコミュニティ「WHATWG」で策定中の、次世代のHTML仕様。ウェブアプリケーションの開発を容易に行えるようにすることを目的として仕様が練られており、コンテキストメニューやインラインのポップアップウィンドウを記述することが可能になっている。 html5libはそのHTML5のパーサ。RubyとPytho
HTML 5 Working Draft 20 November 2007
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブアプリケーションからのファイルの使用 - Web API | MDN
HTML5Rocks - A resource for open web HTML5 developers
pywebsocket - Project Hosting on Google Code
HTML5.JP - 次世代HTML標準 HTML5情報サイト