ES Modulesを優先的にロードするmodulepreload
ES Modulesを優先的にロードするmodulepreload <link> 要素の rel 属性に、新しく modulepreload という値が ES Modules を先行してロードする仕様として追加され、Chrome 64 に実装された。リソースを先行してロードする手段としては既に <link rel="preload"> があり、スクリプトファイルには as="script" を指定すれば良いが、ES Modules をロードするためにはいくつか問題があり、新しく rel="modulepreload" が検討されている。 <link rel="preload" as="script"> ではダメなのか もとい <link rel="modulepreload"> にすべき理由が Preload and Modules に書かれている。 <link> 要素によるリクエストの
Password Form Styles that Chromium Understands
Automatically Comprehensible Password Forms You can help ensure that browsers' and extensions' password management functionality can understand your site's sign-up, sign-in and change-password forms by enriching your HTML with a dash of metadata. In particular: Add an autocomplete attribute with a value of username for usernames. If you've implemented an "email first" sign-in flow that separates t
HTML Standard
Firefox4+Safari4+Chrome61+Opera52+Edge79+Edge (Legacy)16+Internet Explorer10+Firefox Android5+Safari iOS3.2+Chrome Android61+WebView Android61+Samsung Internet8.0+Opera Android47+ 4.10.1 Introduction This section is non-normative. A form is a component of a web page that has form controls, such as text, buttons, checkboxes, range, or color picker controls. A user can interact with such a form, pro
Web MIDI API
Some user agents have music devices, such as synthesizers, keyboard and other controllers, and drum machines connected to their host computer or device. The widely adopted Musical Instrument Digital Interface (MIDI) protocol enables electronic musical instruments, controllers and computers to communicate and synchronize with each other. MIDI does not transmit audio signals: instead, it sends event
Custom elementsはES6のclass記法で定義可能になりそうです - Qiita
class FlagIcon extends HTMLElement { constructor() { super(); this._countryCode = null; } static get observedAttributes() { return ["country"]; } attributeChangedCallback(name, oldValue, newValue) { // observedAttributes によって、 name はいつも "country" になる this._countryCode = newValue; this._updateRendering(); } get country() { return this._countryCode; } set country(v) { this.setAttribute("country", v)
HTML Imports - Web Components を構成する技術
この記事は webcomponents.org の記事とのクロスポストです。 Template や Shadow DOM、Custom Elements を使うことで、機能ごとの UI コンポーネントが実現できるようになることはこれまでに説明してきました。しかし、それらを使ったコンポーネントの HTML、CSS、JavaScript を別々に呼び出すのは、非効率です。 依存関係の解決も容易ではありません。jQuery UI や Bootstrap を思い出して下さい。JavaScript、CSS、Web Font といった各種リソースを、必要に応じて別々のタグに記述しなければなりませんでした。特にタグごとにコンポーネントとして扱うことが想定されている Web Components の場合、状況が複雑化することは簡単に想像できます。 これらのリソースを、ひとつの HTML ファイルにまとめて
HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成
安定した基盤上で、次世代のウェブテクノロジーを構築 Read below what W3C Members have to say about HTML5 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ＝リーは、「ビデオやオーディオをブラウザ上で見たり、ブラ
レンタルサーバーナレッジ
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線 岩瀬 義昌（HTML5 Experts.jp編集部） 今月上旬5月8日に、W3CよりServiceWorkerの草案初版が提示されました。ServiceWorkerは、オフラインWebアプリケーションの開発者が問題と考える点を解決する、非常に魅力的な仕様です。日本語の情報がほとんどないこのタイミングで、HTML5 Expert.jp編集部が解説いたします！ ServiceWorkerとは ServiceWorkerは、リソースの永続的なキャッシュを可能にする、およびWebアプリケーションのリソース要求の処理を可能にする新しい機能です。Webページを開く前であっても（ネットワークの接続/切断の有無にかかわらず）、独自の処理を挟み込めるのがポイントです。クライアント側に、一種のプロキシサーバがあるようにイメー
HTML Imports: ウェブのための #include - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
HTML5 勧告候補が更新、template 要素が追加など
HTML5 勧告候補が 2月 4日付けで更新されました。勧告候補としての更新は今回で 2回目 （去年の 8月 6日付けで更新されています） ですが、今回は新たに template 要素などが追加されたようです。 Five Documents Published by the HTML Working Group ： W3C News HTML5 - W3C Candidate Recommendation 04 February 2014 template 要素とは？ template 要素は HTML5 extension （HTML5 拡張仕様） として策定されていた要素で、所謂 Web Components 仕様の 1つ。 JavaScript によって文書に挿入する HTML の断片 （パーツ） をテンプレートとして定義します。この要素でマークアップされた部分は通常状態ではレンダリ
無縁だと思われていたHTML5がエンタープライズWeb開発の特性を変えてしまった
無縁だと思われていたHTML5がエンタープライズWeb開発の特性を変えてしまった Presentation Transcript 無縁だと思われていたHTML5が エンタープライズWeb開発の特性を 変えてしまった 2013.11.30 HTML5 Conference 2013 講演者紹介 川田 寛 NTTコムウェア株式会社 技術SE部 ・html5jエンタープライズ部コミュニティ部長 ・業務システムのためのHTML5勉強会(計6回) 主催 ・技術評論社 gihyo.jp 寄稿 ・技術ブログ-ふろしき.js ライター @kawada_hiroshi kawada.hiroshi@nttcom.co.jp ご存知ですか？ Internet Explorerが通った ２度の戦争を 第一次ブラウザ戦争Web技術 vs Web標準ではアプリ機能が実装できない 独自実装により機能強化し戦った 19
HTML 5 Conference 2013
HTML 5 Conference 2013 1. § Yoshio Terada Java Evangelist § http://yoshio3.com, Twitter : @yoshioterada 1 Copyright © 2012, Oracle and/or its affiliates. All rights reserved. 2. 以下の事項は、弊社の一般的な製品の方向性に関する概要を説明するもの です。また、情報提供を唯一の目的とするものであり、いかなる契約にも 組み込むことはできません。以下の事項は、マテリアルやコード、機能を 提供することをコミットメント（確約）するものではないため、購買決定 を行う際の判断材料になさらないで下さい。オラクル製品に関して記載さ れている機能の開発、リリースおよび時期については、弊社の裁量により 決定されます。 Oracle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Enabling auto sign-in with the Credential Management API
Credential Management Level 1
Using new HTML5 autocomplete attribute values.
Webアプリ開発者のためのHTML5セキュリティ入門
Practical Web Audio API Programming
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
CSS Regionsを使った新しい CSSレイアウトを作る方法
