bestvpn.org
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter). HTML5 also presents new challenges to online privacy, so if you're at all concerned about your privacy please read my comprehensive notes on VPN Services like ExpressVPN and NordVPN. Demo Support Technology
[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)
ネイティブのドラッグ & ドロップ - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Native Drag and Drop」を日本語訳したものです。 原文タイトル Native Drag and Drop 原文ページ URL http://html5doctor.com/native-drag-and-drop/ 著者 Remy Sharp 氏 原文投稿日 2009-07-09 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 ネイテ
サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
第1回 WebSocket登場までの歴史 | gihyo.jp
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
スライドや動画など、HTML5のサンプルいくつか - かちびと.net
個人的なメモです。スライドや 動画などをHTML5を使って 実装したサンプルをいくつか 備忘録的にメモします。こうい うサンプル見てると未来が楽 しみになりますね。 スタイル出来ないブラウザがある限り、微妙ではありますが、HTML5 を IE や Firefox 2 でも使えるようにする方法等も出ているので頭に入れるくらいはしておいて損ないかも。 サンプルは結構あるのですが、気になったものをいくつかメモ。特にFlashに対応しないipadやiPhoneでも動画を再生できるのは素敵かも。 This presentation is an HTML5 website キーボードの矢印キーで動くスライドのサンプル。 This presentation is an HTML5 website CanvasVideo Canvasを使ったビデオ。画面をクリックすると割れるエフェクト付き。 Canvas
Expression Web team blog
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Blog by the team behind Microsoft Expression Web Microsoft Expression News We released important news today about the Expression family of products. Please visit the... Author: Lori Dirks Date: 12/20/2012 Expression Web 4 Service Pack 2 We’re pleased to
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
