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

HTML5 APP CONFERENCE 2018での発表資料です。

日本のみなさん、こんにちは! teratailエンジニアの鈴木です! 本日(日本時間)W3Cのブログで正式に発表があり[1]、HTML 5.1が 勧告 (REC)となりました! よっ! 今回は、このHTML5初のマイナーバージョンアップデートについて、Web制作者が押さえておきたい変更点を、いくつかピックアップして紹介してみようと思います。 HTML 5.0の勧告は2014年の10月に行われ、これは1つ前のバージョンから10年以上の時を経た、大幅なアップデートでした。 今回勧告されたHTML 5.1は、前回の勧告から2年程度しか間が空いていませんが、ワーキンググループはおよそ1年に1度HTMLの安定したバージョンを勧告としてリリースできるようなワークフローに取り組んでいることが、4月に発表されています[2]。 なお現時点でHTML 5.2についても、GitHubでEditor's Draf

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo!きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、「おしゃべりリバーシ」の実例を紹介しながら説

この記事は、Web MIDI APIを題材にした連載の第一回目です。 Web MIDI APIはWebブラウザのAPIですが、Webブラウザの中で完結はしません。Webブラウザと外部のMIDIデバイスとの間でMIDIによる通信を行うためのAPIなのです。Webブラウザと外部デバイスとのやりとりでというとGamepad APIを想像される方もいらっしゃると思いますが、Gamepad APIはGame PadからWebブラウザへの一方通行の通信を行うのに対し、Web MIDI APIはWebブラウザと外部MIDIデバイスとの間で、双方向の通信が可能です。 昔ホームページで鳴っていたやつ ところで、MIDIってご存じですか？ MIDIと聞くと、「昔ホームページで鳴っていたやつ」 を思い出される方が多いと思います。そもそもMIDIとは、「電子楽器の演奏データを機器間でデジタル転送する」ための物理的

1つ目は「HTML5 Part 1: HTML5 Coding Essentials and Best Practices」 このコースではHTML5およびWebテクノロジーのコアについて学習します。 HTML5のタグ、マイクロデータの使い方、VideタグとAudioタグの利用、簡単なWebグラフィックやアニメーションの描画、最新のHTMLフォームについて、Webアクセシビリティの重要性について、WebストレージやジオロケーションのAPI、などについて学び、実際にこれらの知識を元にコーディングを行う複数のサンプルを試す予定です。

W3Cが「HTML5 Japanese Community Group」を設立し、参加者を募集しています。 W3CのHTML5日本コミュニティグループが設立されました！参加者募集中： http://t.co/Tw1mnTfNJy #w3ccommunity — W3C (@w3c) 2015, 1月 15 W3Cは2009年12月に、HTML5について日本語で議論するW3Cのグループ「HTML5 Japanese Interest Group」を設立していましたが期限が切れ、それと入れ替わるように今回「HTML5 Japanese Community Group」の設立となっています。 「HTML5 Japanese Community Group」の共同議長である村上真雄氏に、メールで設立の経緯などをうかがいました。 W3C HTML5 Japanese Interest Groupを引

どれだけスタイルシートのフレームワークが登場してきても、それでも大抵のWebサイトは独自のスタイルシートで組まれているものです。しかし独自で組むとデザイン漏れが発生し、後付けで設定を追加したり更新が続くと徐々に最初の設計思想から離れていくものです。 そこで使ってみたいのがSkylineです。Skylineはデザインフレームワークという訳ではなく、カスタムスタイルシートフレームワークを構築する差異の出発点として欲しいと考えているライブラリです。 Skylineの使い方 Skylineは4つの階層に分かれています。ベース、エレメント、レイアウトそしてモジュールです。それぞれ目的に沿って、書き加えていきます。SkylineはOOCSS/SCSSを使って書けるようになっています。 HTMLの構造はHTML5に沿って書かれており、モバイルファーストな設計思想になっています。さらにjQueryの組み合

第一回Apache Cordova勉強会( https://atnd.org/events/57562 )での発表資料

サーベイの回答完了までは約6分。ワールドワイドウェブの使命を継続して推進していくために、あなたの意見をお聞かせ下さい。 安定した基盤上で、次世代のウェブテクノロジーを構築 Read below what W3C Members have to say about HTML5 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コ

.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

公開日 : 2013年1月26日 (2020年8月30日 更新) カテゴリー : アクセシビリティ 先の記事「音声を伴う動画にはキャプション (字幕) を付ける」で、Web コンテンツとして動画 (音声を伴うもの) を用いる場合、アクセシビリティ上の配慮としてキャプション (字幕) を付けることが求められると書きました。キャプションにはふたつの種類がありますが (オープンキャプションとクローズドキャプション)、今回は、クローズドキャプションの作成方法について、HTML5 の <video> 要素を例に、ご紹介しようと思います。 HTML5 <video> 要素におけるキャプションの読み込み HTML5には <video> 要素があり、標準仕様として Web ページに動画を埋め込むことができます。その中に <track> 要素を書くことで、動画とは別に用意したキャプションファイル (テキスト

モバイルアプリ開発プラットフォームのアシアルは、HTML5 アプリ開発プラットフォーム「Monaca」に Chrome Apps 開発機能を追加した。 Chrome Apps は新しいタイプのデスクトップ アプリケーションで、Chrome OS、Windows、Mac、Linux 向けに提供されるが、Chrome ブラウザだけでなく、Windows や Mac 上でネイティブアプリのように実行できる。 このため、Monaca の Chrome Apps 開発機能を利用して、HTML5 や JavaScript などの Web 標準技術で、Windows や Mac 向けデスクトップアプリ開発ができるようになる。 Monaca の Chrome Apps 関連機能には、HTML5 で Chrome Apps を開発するためのコーディング環境を提供する Chrome Apps 開発機能、Mon

この記事では、11月24日付けのHTML5ドラフト仕様書から、第5章 Microdataの一部を訳したものです。 この仕様はまだ策定中のもので、原文中にもいたるところに「This section is non-normative」（これは規定ではない）と表記されており、今後変更される可能性があります。 この仕様書を基にMicrodataを分かりやすく解説した記事として1つ前の記事「HTML5のMicrodataとは何か？」を書きましたので、併せてご参照ください。 以下から始まる抄訳は、自由に引用、転載していただいてかまいません。その際にできれば出典としてこの記事へのリンクを貼っていただけると幸いです。 5 Microdata 5.1.1 Overview コンテンツの中にマシンリーダブルなラベルをつけたい、といった要求が時折ある。例えば、汎用のスクリプトがそのページに特化したサービスを提供

Phaser - Desktop and Mobile HTML5 game framework モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。 Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。 Tags: flash-like 2d sounds collisions physics typescript webgl free cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js Examples - PixiJS ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 HTML5 Game Engines - Find Which is Right For You HTML5ベースのゲームエンジン一覧。比較がしやすい。 Phaser