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
HTML5のvideoタグでのH.264(MP4)動画再生テスト(色が正しく見えるかどうか)
※お願い 動画Ａ～Ｈのうち、どの動画の色が正しく見えるかを以下のブログ記事のコメント欄にご連絡いただければ幸いです。 HTML5のvideoタグによるH.264(MP4)動画の再生テスト（色の見え方テスト）: さまよう金の髭 色のチェックには「SpotColor」等のカラーピッカーソフトが便利です。 中央付近の(16,180,16)のエリアを調べて、その部分が(16,179,14)など微妙にずれる程度(誤差1～5程度)であれば正常です。 連絡の際には [正常：A,B,E,F] [異常：C,D,G,H] [再生不可：無し] [OS：WinXP SP3 32bit] [ブラウザ：Chrome22.0.1229.94m] [GPU：Intel GMA950 (6.14.10.4543)] [IE9-GPU：checkOFF] という形式で環境やバージョン情報を添えて教えていただけると助かります。
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
“マークアップ”するということ ～ HTML5勧告に寄せて ～
HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化 著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素 スタイリングとの兼ね合い マークアップするということ HTML5での変化 コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は
Extensible Web の夜明けと開発者が得た可能性の話 - Block Rockin’ Codes
Web based on Standards Web は誰のものでもありません。 だれかプロダクトオーナーがいてその人が意思決定するとか、そういうのとは真逆の成り立ちをしています。 標準的な仕様を決めて、その仕様に則って Web の世界は成り立っている。 政府が作るサイトも、 Twitter も、学生が作ったブログも、全部同じルールで作られている。だから繋がる。 これって結構凄いことだと、自分は思っています。 Standarization このルールの決め方にもルールがあって、ちょっと敷居は高いかもしれないけど、誰でも自由に参加して、自由に意見を述べることができる場があります。 標準化団体ってやつですね。 なんか一部の人たちが勝手にやっているように思えるかもしれないけど、それは選挙に行かない人の理論と同じです。 あなたが仕様について意見を持ってて、それが妥当であるならば、その発言は仕様を根
TeXの後継として、HTML5 & CSS組版〜Vivliostyleプロジェクト
はじめに 自己紹介 1990年ごろ、テキスト整形ツール「XTR」を開発しフリーソフトウェアとして公開。 それがきっかけで、組版とマークアップ言語（SGML～XML/HTML）、スタイルシート言語（XSL/CSS）に関心を持つ。 1999年、XML/CSS自動組版ソフトの開発を、アンテナハウスに企画提案。Antenna House Formatterとして製品化。 W3C CSS仕様とその実装に携わり、その関係で電子書籍フォーマットEPUB3（縦書き対応）の標準化にも関わった。 2014年8月、次世代CSS組版ツールを開発するため、株式会社ビブリオスタイルを設立（アンテナハウスが出資）。 CSS組版＝HTML(またはXML)+CSSで組版 組版とは、印刷の一工程で、文字や図版などの要素を配置し、紙面を構成すること。…… 画面上での編集を前提とした WYSIWYG の DTP に対し本来の組版
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
49 HTML5 Animation Examples Like Flash Animation - freshDesignweb
In this article, we have pick up any amazing canvas HTML5 animation examples instead of flash animation with demo link. HTML5 is interested topic that most developer find out more about it and also have developer do the projects on HTML5. HTML5 can develop games online or Playing Video with no flash required. Websites developed in HTML5 will not require adobe flash support on your Web browser anym
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5
https://qiita.com/hp0me/items/1c8d099bacbb5e068081
Engadget | Technology News & Reviews
Web Frontend Rendering Performance Knowledge & Tips
YouTube、従来のFlashに代わってHTML5をデフォルトに
TeXユーザの集い2014 発表資料（W3C Ruby）
はやわかりHTML5ハイブリッドアプリ開発事情
Flipsblog.jp
GitHub - PexJS/PexJS: HTML5 Flash Lite 1.1 Runtime Engine
