A beginner's guide to using the application cache | Articles | web.dev
A beginner's guide to using the application cache Stay organized with collections Save and categorize content based on your preferences. Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to ma
HTML5を使ってファイルを表示させずにダウンロードさせる方法
↑ こんな感じで、何かを直接ダウンロードさせることがあるかと思います。 CSVでなくても、画像をダウンロードしてもらいたい、とかね。 表示させてから右クリックで保存ってのもできるんだけど、かっこわるい。 ブラウザで表示できるものはブラウザが表示しちゃうので、 だいたい下のようになります。 Content-Dispositionを使う方法があるのですが、面倒です。 こういうの↓ PHP で CSV ファイルをダウンロードさせる PDFファイルやMP3ファイルを左クリックでダウンロードさせる方法 しかも、Content-Dispositionはもともとファイルをダウンロードさせるためにあるものではありません。 [googlead] HTML5で実現する HTML5ではdownloadという属性が使えます。 sample.csvをダウンロードさせたい場合、download="sample.csv
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
HTML5のprogress要素とjQueryでファイル読み込みのプログレスバーを表示する
HTML5のprogress要素とjQueryを組み合わせて、ファイルの読み込みのプログレスバーで表示するサンプルを紹介します。 １．progress要素とは HTML5のprogress要素を使えば、進捗状況を示すプログレスバーを表示することができます。 progress要素は次のように記述します。value属性に作業の進捗度、max属性に作業の全体量を設定します。progress要素の内容にはフォールバックコンテンツを設定できます。 <progress max="100" value="50">50/100</progress> progress要素をサポートしていれば下にプログレスバーが表示されます。サポートしていないブラウザであれば、フォールバックコンテンツである「50/100」が表示されます。 50/100 ２．サンプル progress要素とJavaScriptのFileRea
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
HTML5で使えるスマートフォンの機能 | DevelopersIO
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
Web標準Blog | メソッド | ミツエーリンクス
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 2013年1月のW3C: CORS勧告候補、Navigation Timing 2公開 CSSモジュールの2草案が更新 1月3日付で、CSS Text DecorationモジュールとCSS Cascading and Inheritanceモジュールの草案が公開されました。 CSS Text Decoration Module Level 3 CSS Cascading and Inheritance Level 3 Text DecorationモジュールはLast Callとなります。2011年11月版の草案から大きな変更はありせん。 Cascading and Inheritanceモジュ
jQuery Mobileがついにβ版へ到達。正式版は8月後半の予定
HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になったことなどです。 また、これまでツールバーに自動的に表示されていた「Back」ボタンが、デフォルトでは非表示となりました。 β1ではBlacberry5とOpera Miniのサポートが新たに追加され、これでjQuery Mobileが対応するOSは、iOS、Android、Windows Phone 7、Blackberry、Blackberry Playbook、WebOS、Firefox M
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5&CSS3を利用した美しい４０のフリーテンプレート集:phpspot開発日誌
HTML5.JP - 次世代HTML標準 HTML5情報サイト
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト
HTML5ベースのWordPressのテーマファイルのまとめ