超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート
超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート 保呂毅 はじめまして。GoogleでChromeの開発をしている保呂毅です。 Chromeの中では特にService Worker周りを担当してまして、最近はNavigation Preloadという新機能をがんばって実装しています。 先日開催されたHTML5 Conference 2016でService Worker周辺の最近（ここ1年くらい）の動向に関する発表をさせていただいきました。 今回は、この発表の内容を振り返りたいと思います。 Service Workerとは まず本題に入る前に簡単にService Workerの説明します。 Service Workerとはどういうものかと言いますと、 下のコードのようにnavigator.serviceWorker
プログレッシブウェブアプリ詳解 ─ 過去・現在・未来
Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。 はじめに プログレッシブウェブアプリ(Progressive Web Apps)という言葉が初めて登場したのは2015年8月のAlex Russellによる記事Progressive Web Apps: Escaping Tabs Without Losing Our Soulです。当時オフラインやプッシュ通知など、モバイルウェブを飛躍的に進化させる画期的な機能が次々と追加されていた状況において、このムーブメントを呼称するための言葉が求められていました。Google社内でいくつもの候補が挙げられましたが、Service Workerの発案者としてAlex Russellが推したのが、この「プログレッシブウェブアプリ」でした。 また、当初Goog
HTML5Rocks の日本語記事まとめ
.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
http://foreignkey.jp/archives/1503
See related links to what you are looking for.
はてなブックマークが直したらいいところ
@Hamachiya2 さんが 「はてなブックマークのだめなところ」 って記事を書いてたんですけども、これ、はてブの方でちょっと HTML のコーディング （CSS の方でもいいけど） を修正するだけで簡単に直るんですよね。 なので簡単にソースコードの修正案を挙げてみるっていう余計なお世話。 これ、文字と文字のあいだ、行間に、けっこう大きな「すきま」があるんですね。で、そこをクリックしてしまう。 はてなの皆さんは、MacBookとかタブレットばかり使っているリア充オシャレメガネスタバ野郎ばかりだからきっと気づかないのかもしれませんが、ぼくみたいにふつうのVAIOとかマウスとか使ってる人がいることも忘れないでほしいです。 はてなブックマークのだめなところ ： ぼくはまちちゃん！(Hatena) から引用 画像は Hamachiya2 さんのサイトから引用しますが、こんな感じで行間をクリックす
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos
フォームの入力必須項目のマークアップ | Accessible & Usable
公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」
W3C が HTML5 仕様策定完了を発表
日本時間では昨日の深夜でしたが、W3C が HTML5 （および、Canvas 2D） に関する仕様策定完了を発表いたしました。両仕様とも、勧告候補 （Candidate Recommendation） となり、実装、運用テストによる検証段階に入ります。 また、同時に HTML 5.1、HTML Canvas 2D Context, Level 2 の草稿も公開され、次バージョンの仕様策定がスタートします。この辺は以前から発表されていた予定 （こっちも参照） に則っています。 W3CがHTML5仕様策定完了を発表、相互運用性テストおよびパフォーマンス向上へ ： W3C プレスリリース なお、勧告候補になっても、以前から続いている、例えば hgroup 要素どうすんの？的な議論は継続していますが、こういう個々の機能の話が全体の仕様策定を遅延させないように、仕様をモジュール化する、拡張仕様 （
[HTML5 入門]HTML5の略された49タグの語源全てを調べた
タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ
![[HTML5 入門]HTML5の略された49タグの語源全てを調べた](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
HTML5の中でも使える、使わない方が良い機能を学ぶ·HTML5 Please MOONGIFT
HTML5 PleaseはHTML5の利用推奨度を機能ごとに検索できるソフトウェアです。 HTML5が登場してしばし経ちましたが、それでも積極的に使っていくのを躊躇している人も多いのではないでしょうか。そこでHTML5の中でもどの機能を使っていくべきか、または避けるべきかを教えてくれるのがHTML5 Pleaseです。 トップページです。HTML5対応Webブラウザで見てみましょう。 インクリメンタルなフィルタリングもできます。 使えるか使えないかは色分けして表示されます。 やはり全ての機能が使えるという訳ではありません。 各機能からWebブラウザのバージョンごとのサポート具合が一覧できます。 APIに関連したものだけを抽出して対応状況が見られます。同様にCSS、HTML、JavaScriptといった具合に指定できます。 IEのバージョンごとの指定もできます。 HTML5 Pleaseでは
YouTube API Blog: A New Way To Embed YouTube Videos
Thursday, July 22, 2010 A New Way To Embed YouTube Videos An enhancement to our video embed capability is now available through a new embed code style. This new style uses <iframe> and looks like this:<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe> Example: If you use the new embed code style, your view
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
HTML5 Boilerplate: The web’s most popular front-end template
HTML5.JP - 次世代HTML標準 HTML5情報サイト
html5resetcss - Project Hosting on Google Code
Google Swiffy
Initializr - HTML5 project - template
オプションを指定するとさくっとHTML5のひな形を作ってくれる『SwitchToHTML5』 | 100SHIKI
Hack of the Day: Face Detection with HTML5 & JavaScript