W3Cで現在公開されているHTMLとDOM仕様は将来廃止されます - 水底の血
まえがき W3C（とWHATWG）からの公式なアナウンスはまだ確認していませんが、何度目かに結成されるW3C HTML WorkingのDraft Charterと、このCharterから辿れるDRAFT Memorandum of Understanding Between W3C and WHATWG（Memorandumは日本語で覚書などと訳されるので、ここでも覚書と呼びます）がブログエントリーのタイトルのソースになります。もっとも、今確認できる覚書もドラフトですから、変更があるかもしれません。しかしながらURLで観測できるわけですから、大筋でW3CとWHATWGとの間で合意が取れているのではないかと推測します。あとは、覚書だけでなくCharterもドラフトということになっていますが、以下の文章では面倒なので省略します。最後にお約束ですが、このブログエントリーは「だいたいあってる」感
HTML5 入れ子チートシート | 吉川ウェブ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
さようなら、HTML 4.01 - 木俣ロバート久の覚書 - Hatena Blog
最新版以外のHTMLをすべて廃止しようという提案がなされていましたが (Proposal to Republish Previous Versions of HTML and XHTML as Obsolete Recommendations (Wide Review until 2017-09-07) from Xueyuan on 2017-08-11 (public-review-announce@w3.org from August 2017) ) これが実行され、最新のHTML5.2以外のW3CのHTMLはSuperseded Specificationと明示されました 私のような未だにHTML4.01やXHTML1.1を書いている人からするとこれはHTML5への移行猶予期間の終了のお知らせで、待ったなしの状況です 今後は単にHTMLまたはXHTMLと言った場合、それは最新のHT
HTML5の子要素・親要素の入れ子のルールがすぐわかるツール
HTMLが、HTML5になってから、ありそうでなかったツール。作りました。 HTML5 入れ子チートシート。 どういうツールか たとえば、「a要素ってsection要素を子要素にすることってできるんだっけ？」とか「h1要素ってdtのタグで囲んでいいんだっけ？」とか思ったときに調べるツールです。 使い方 以下にアクセス。 調べたい要素にマウスポインタを合わす 「親」と「子」が出てくるので、どちらかを押下 色が変わった要素が、その要素が取り得ることのできる要素 ガラケー以外の、だいたいの端末やブラウザで動くはずです。 制作経緯 こういったことが簡単にわかるサイトが見つからず（探しきれていないだけかもですが）、仕様書を見てもわかりづらい。 HTML 4.01 は、ブロック要素とインライン要素さえ覚えていれば、なんとかなりましたが、HTML5からは複雑になってしまいました。 そこで、「なければ作れ
最新仕様におけるHTML5のアウトライン判定とh1要素の扱いについて
HTML5のアウトライン判定のしくみについて現在の最新仕様に基づいた見解を質問させてください。 ###疑問点 セクション要素を入れ子にしてアウトラインを作っている場合の、第二階層セクション以下の見出しに全てh1要素を使うことはHTML5仕様としてNGになったのか？ HTML5が文書のアウトラインを判別する際には、 １．セクション要素が使用されていた場合はその入れ子構造で判別 ２．セクション要素が使用されていなかったら従来通り見出しレベルで判別 という仕組みだったかと思います。 上記の仕組みがあることから、「セクション内で使用される見出しのレベルは問わない」というルールに変更となり、以下の様なマークアップでも正しくアウトラインが出力されると説明されていたはずです。 HTML ところが、最近W3CのバリデートサービスでHTML5文書をチェックすると、上記のようなマークアップでは見出しレベルにつ
Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた
Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 Nintendo SwitchではWeb技術が大活躍！ 白石 簡単に自己紹介をお願いで
Web updates 2017
HTML5 Conference 2017 で仕様したスライド 後日修正＆追加したものを UP し直します。
HTML5 Conference 2017の資料・スライド・動画まとめ
最終更新 2017/09/25 10:43 2017年9月24日（日）に東京電機大学 千住キャンパス（東京都足立区千住旭町5番）で開催されたWeb技術者の祭典「HTML5 Conference 2017」。HTML5に関連する技術について語られたセッション内容とスライド資料をまとめました。最新Web技術のトレンドが知りたい方はぜひチェックしてみてください。 「HTML5 Conference」が今年も開催されました！この記事では、「HTML5 Conference 2017」の講演スライドをまとめています。スライドが公開され次第随時更新していきますので、イベントに参加したエンジニアもできなかったエンジニアも、ぜひチェックしてみてください。 基調講演/村井 純(慶應義塾大学) 及川 卓也 吉川 徹(html5j) https://youtu.be/c_uy7UdUosU 最近の Web パフ
HTML文書は文字エンコーディングUTF-8でなければなりません - 水底の血
さよならレガシーエンコーディング。 文字エンコーディング宣言が存在するかどうかにかかわらず、文書のエンコードに使用される実際の文字エンコーディングはUTF-8でなければならない。 4.2.5.5 文書の文字エンコーディングを指定する - HTML Standard 日本語訳 Require utf-8 when specifying character encoding by sideshowbarker · Pull Request #3091 · whatwg/htmlにより、HTMLで使用できるエンコーディングはUTF-8のみとなりました。これにより、古いHTMLでは許容されていた、Shift_JIS、ISO-2022-JP、EUC-JP、UTF16LEといった文字エンコーディングは適合するHTMLではなくなりました。すでにNu Html CheckerでUTF-8以外の文字エンコー
9月11日から既存の図の編集でも Cacoo HTML5 バージョンをご利用いただけます！ | Cacooブログ
仕様やUI(画面)は現行バージョンと異なる可能性があります。 Cacooの最新版についてはこちらからご確認ください。 Cacoo チームの平山です。8月28日に Cacoo HTML5 バージョンのエディタをリリースいたしましたが、皆さんお試しいただけましたでしょうか？現在は新規に作成した図のみがHTML5バージョンエディタを利用できますが、9月11日よりすでに作成した図でもHTML5バージョンエディタを使って編集ができるようになります！ 既存の図をHTML5バージョンで編集するための手順 既存の図をHTML5バージョンで編集するには、最初の利用時に一度だけ図のデータを変換する必要があります。既存の図の編集をするときに、以下のような画面が表示されるので「HTML5バージョン」を選んでください。すると、図のデータが変換されてHTML5バージョンのエディタで図が編集できます。 FlashからH
ニュースアプリの台頭こそウェブのUXにおけるアンチテーゼ 。及川卓也氏が語るウェブの課題とポイント – HTML5カンファレンス基調講演 - ロボスタ ロボスタ - ロボット情報WEBマガジン
HTML5 Conference 2016が、9月3日に東京電機大学 千住キャンパスで開催され、基調講演のふたりめとして、Incrementsの及川 卓也氏が登壇した。(ひとりめの基調講演は慶應大学の中村教授「ビッグデータもIoTもウェブ基盤の上に成り立っている – HTML5カンファレンスで慶應大の中村教授が基調講演」) 及川氏と言えば、マイクロソフトでWindowsやInternet Explorerの開発に携わり、その後、Googleでプロダクトマージャーとエンジニアリングマネージャを務め、日本語版クロームの開発マネージャとしても知られる。Google退社後は、プログラマのための技術情報共有サービス「Qiita」等を提供するIncrements株式会社に、プロダクトマネージャとして従事している。NHKのドキュメンタリー番組「プロフェッショナル 仕事の流儀」に2012年に出演したことで
「HTML5/CSS3モダンコーディング」読んだ - $shibayu36->blog;
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 作者:吉田真麻翔泳社Amazon 最近自分のプロジェクトのデザイナが、JavaScriptで実装しないといけないと思っていたことをどんどんCSSで実装していくのを見かけた。この出来事から、JSで実装したほうが良いか、デザイナにやってもらったほうが良いか、どちらが良いかを自分で判断できてないと感じたので、最近のCSS事情を知りたいと思って読んだ。サラッと流し読みするだけで、CSS3で利用できるようになったよく使うプロパティの概要を把握できたので、今の自分の知りたいことが分かって非常に良かった。 例えば以下のことを学ぶことが出来た。 reset.css, normalize.cssとはなにか beforeやafter擬似要素を使ったいろんな技
HTML5のvideoタグを使って動画を貼り付ける時の注意点と問題点
Image by:theQ camera HTML5ではvideoタグを使って動画を貼り付けることができます。 これまでWebサイトで動画を貼り付ける場合には、FlashやQuickTimeなどを使うのが一般的でした。 「theQ camera」は、videoタグを使っています。 videoタグを使えれば、よりリッチなWebサイト作りが出来て、面白そうだなぁ～っと思って、いろいろ調べてみました。 なかなか苦戦したので、概要をメモしておきます。 メイン動画の容量は重要！ 最初にメインとなる動画を準備します。 当たり前のことですが、これがないと始まりませんね。 動画の容量調整は難しいところです。 容量が大きいと、表示が重たくなって表示される前に離脱されてしまう可能性が高くなりますし、かといって、容量を小さくし過ぎると画質が粗くなって、見栄えが悪くなったりしてしまいます。 そうならないためにも、
【Web制作】HTML5のvideoタグにはMP4形式動画だけ指定すればよい（IE8対応）＠2014年末
概要 ▶ 2014年末ではほとんどのウェブブラウザーがMP4形式の動画に対応しています。videoタグもシンプルになります。非対応のIE8はライブラリーの活用を。 ●videoタグは複数ソースが設定できて便利HTML5のvideoタグでは以下のように書くことで複数のファイルソースを指定することができます。 <video> <source src="example.mp4"> <source src="example.webm"> <img src="example.gif"> </video> 上記の例だと、 最初に「example.mp4」の再生をトライ 「example.mp4」を再生できない場合、「example.webm」の再生のトライ 「example.webm」を再生できない場合、「example.gif」を表示となります。 簡単な書き方で、再生できない場合の複数のソースの指定
web.dev
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 | readwrite.jp
アップルのiOSのマーケット・シェアがグーグルのAndroidに押されている状況の中、iOSとAndroidの両プラットフォームに対応する手段として、開発者のHTML5への興味も徐々に高まってきている。 Vision Mobileによる最新のデベロパー・エコノミックス・レポートによれば、開発者におけるAppleのマインドシェアは2013年1月の56％から52％へと減少している。その一方でHTML5は、1年前から2％ほど増加し52％という結果になった。 これによって我々が学ぶべきなのは、今や時代はマルチデバイスであり、開発者は自分の好みのプラットフォームだけに専念してはいられないということだ。 先進国では未だにiOSが君臨アップルのiOSが完全に勢いを失ったわけではない。iOSには忠実な開発者達が多く、59%もの開発者がiOSを優先プラットフォームとして位置づけている。 HTML5はどうだろ
ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。 - kojika17
最初からブラウザに設定されているスタイルシートを、「User Agent Style Sheets」といいます。(以下、UA Style Sheets) ここ数年でUA Style Sheetsに変化があり、どのような変化があるのか知っておくと、リセットCSSの見直しなどに役立ちます。 UA Style Sheets の margin p要素に定義されているUA Style Sheetsを例にすると、IE8などは私たちがいつも利用しているmarginによって指定されています。しかしGoogle ChromeやFirefoxなどのUA Style Shteetsでは、margin-start, margin-endなどの論理プロパティが利用されています。 IE8: p要素のUA Style Sheets p { display: block; margin: 1em 0; } Webkit:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS 12.2：Safariでカラーピッカーキーボードが利用可能に | iOS | Mac OTAKARA
Google、9月提供の「Chrome 53」で非表示Flashをブロック、12月提供の「Chrome 55」でHTML5をデフォルトに 
ore-memo.com