タグ

html5に関するkurojzのブックマーク (8)

  • 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方

    HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか!」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu

    実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方
  • 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 入れ子チートシート | 吉川ウェブ
    kurojz
    kurojz 2018/06/30
  • AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ

    これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ!ワンコインセミナーでその一歩を踏み出してみよう!Yoshinori Kobayashi

    AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
  • HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG

    ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数

    HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
  • (文書構造編:後編)HTML5 Outlinerで文書の“アウトライン”を確認する

    (文書構造編:後編)HTML5 Outlinerで文書の“アウトライン”を確認する:HTML5“とか”アプリ開発入門(5)(1/2 ページ) 文書の「アウトライン」とは 前回の「HTML5のセクションで“文書構造”を理解する」で説明した「セクション要素」(<section><article><nav><aside>)は文書構造を表すために用いられます。セクション要素によって作成されたブロックは、文書の「セクション」と呼ばれます。そして、セクションの入れ子構造によってでき上がった論理構造を、文書の「アウトライン」と呼びます。 言い換えると、「セクション要素を用いてマークアップしていくことは、文書のアウトラインを構築していく作業である」ということになります。そのため、セクション要素を<div>要素と同じように乱用することは許されません。それはつまり、「文書の論理構造を無造作に取り扱っている」と

    (文書構造編:後編)HTML5 Outlinerで文書の“アウトライン”を確認する
  • HTML5のセクションで“文書構造”を理解する - @IT

    (文書構造編:前編)HTML5のセクションで“文書構造”を理解する:HTML5“とか”アプリ開発入門(4)(1/2 ページ) HTML5の要素群を解説するに当たって 前回の「HTML5の登場で、XHTMLは結局どうなったの?」まで3回にわたり、HTML5に関する基礎知識を解説してきました。今回から、HTML5で定義されているマークアップ要素を解説していきます。 ただし、HTML5における要素の数は100以上に及びます。その中には、HTML 4から引き継いだ歴史のある要素も数多く含まれており、それらに関してはすでに多くの優れた解説があります。また連載はHTMLのタグリファレンスではないため、HTML5の全要素を辞書的に参照していただくような形にはしません。 従って、HTML5から加わった要素、または利用法が変化した要素に絞って解説します。読者の皆さんが最も興味を持たれるのは、やはり「HTM

    HTML5のセクションで“文書構造”を理解する - @IT
  • | ^^ |秒刊SUNDAY|HTML5のポテンシャルを存分に感じるFLASH越えのサンプル集48個

    Appleをはじめ、最近脱FLASHの動きを見せており、FLASHクリエータとしても、今後どこに向かえばよいのかと、頭を悩ませる今日この頃ですが、そんな中、FLASHの代替方法として注目されているのがHTML5という技術なのです。もちろん、まだ普及するには時間がかかりますが、FLASHを超えるべくポテンシャルは存分に秘めており、WEB業界ではいつかFLASHがHTML5に抜かれてもおかしくは無いという空気になってきております。 <注意> これらサンプルはHTML5で作られております。HTML5が表示できないブラウザでは 閲覧ができませんので、ご注意ください。 HTML5についてはこちらを参考ください。 http://www.html5.jp/ ということで早速サンプルの紹介をします。 音が出るものもありますのでご注意ください。 Audioburst Animation音と、ドットが同調して

    kurojz
    kurojz 2010/08/30
  • CSS3とHTML5の主要ブラウザの対応状況一覧

    CSS3のプロパティ、セレクタ、HTML5のWebアプリケーション、コンテンツの埋め込み、フォームに関する主要ブラウザの対応状況をまとめたサイトを紹介します。 HTML5 & CSS3 Checklist 対象ブラウザ 掲載されているブラウザは、下記の通り。 Win Chrome4 Firefox3/3.6 Opera10/10.5 Safari4 IE6/7/8 Mac Chrome5 Firefox3.6 Opera10 Safari4 CSS3の主要ブラウザの対応状況

    kurojz
    kurojz 2010/08/30
  • 1