タグ

HTML5に関するendeavorのブックマーク (12)

  • あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita

    こんにちは、たかとーです🧑‍🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース(2008年1月)以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな?私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt

    あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
    endeavor
    endeavor 2020/09/30
    これは便利。今度使ってみよう。
  • HTML5とHTML 5.1、それらの新機能

    2016年11月に2年ぶりのバージョンアップを果たしたHTMLの言語仕様。その目指すところと、HTML 5.1の新機能を幾つか見てみよう。 連載目次 2016年11月1日付けでW3CはHTML 5.1を勧告した。これは2014年10月28日付けで勧告されたHTML5をバージョンアップするものだ。稿ではその主な追加機能などをざっくりと見ていくことにしよう(なお、稿ではメジャーバージョンのみを付加する場合には「HTML5」と、マイナーバージョンを含める場合には「HTML 5.1」などと表記する。これはW3Cでの仕様における表記とも合致している)。 そもそもHTML5とは 新機能の話をする前に「HTML5とは」について少し考えておきたい。1つは誰が仕様を策定しているか。もう1つはHTML5の位置付けだ。 仕様を策定するのは誰? 前者に関していえば、現在、HTMLはWHATWG(Web Hyp

    HTML5とHTML 5.1、それらの新機能
  • デザイナは要注目! 明日から語れるHTML5&CSS3

    デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(4/4 ページ) Webブラウザさえあれば何でもできる? いままでにはなかった、さまざまな表現が可能となるHTML5+CSS3。今後ますます注目されていくことは間違いないでしょう。現時点ではまだ仕様が決まっていなかったり、そもそも対応しているWebブラウザが少なかったりしてなかなか実務で使っていくには難しい時期です。しかし、それも近い将来なくなることでしょう。 いまでも、グーグルが提供しているGoogle Docsなどでは、WebブラウザさえあればMicrosoft Officeの各アプリケーションに対応したファイルを作成・編集できます。 しかし、よりパワフルになったHTML5+CSS3を使えば、より豊かなユーザーインターフェイスの実装や、アニメーションによる操作性の向上、さらにはレスポンスの早い、まる

    デザイナは要注目! 明日から語れるHTML5&CSS3
    endeavor
    endeavor 2011/06/16
    HTML5の習得に便利なページをリンクつきで紹介してある。コードサンプルとか。
  • An ultimate HTML5 cheatsheet you must have

    Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive. If you are learning it. Update I have converted this cheat sheet into text form. You can read here. via

    endeavor
    endeavor 2011/03/02
    HTMLのタグや属性の説明が簡潔に一覧でまとめられている。ただし英語。
  • 連載インデックス「HTML5“とか”アプリ開発入門」 - @IT

    連載インデックス 「HTML5“とか”アプリ開発入門」 JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします。 Webの3つの問題を解決する「HTML5」とは何なのか HTML5“とか”アプリ開発入門(1) 最近よく目にする「HTML5」という言葉。JavaScirptのAPICSS3、SVGなどを含め、全体的な概要と、その意義をお伝えします

    連載インデックス「HTML5“とか”アプリ開発入門」 - @IT
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • HTML5

    Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F

    endeavor
    endeavor 2010/08/09
    HTML5を理解するうえでおすすめらしい。英語のページなのでまだ読んでいないので暇なときにでも読もう。
  • どこまでがHTML5なの?

    HTML5にはCanvasタグやVideo/Audioタグ、ドラッグ&ドロップ、Microdata、Web Workersなどさまざまな機能があると説明されますが、実際にはこれらは「HTML5とその関連仕様」を含んでいます。 仕様書に従った厳密な「HTML5」とは、どこまでの範囲を指すのでしょうか? モジラジャパンの浅井智也氏が「Keypoints HTML5」という資料を公開して分かりやすく紹介してくれています。 仕様書に沿った「HTML5」の範囲とは HTML5は、W3CとWHATWGが共同で仕様策定をしていますが、両者の仕様書に書かれている範囲は異なっています(非常に細かい部分では一部の仕様に違いもあります)。Keyoints HTML5から、その両方の仕様でHTML5の範囲を示した図を紹介します。 図の右側のW3C仕様ではCanvas、Microdata、Web Messaging

    どこまでがHTML5なの?
    endeavor
    endeavor 2010/08/09
    これだけですべてが理解できるわけではないが、割とシンプルに現況を纏められてるし関連サイトへのリンクも充実していると思う。
  • GoogleがHTML5の実験場を公開、学習からコードの実行まで 【増田(maskin)真樹】 | TechWave(テックウェーブ)

    1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNSLINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 米Googleは現地時間の6月22日、HTML5開発を支援するサイト「HTML5 Rocks」を公開した。 サイトではHTML5開発の各種情報のほか、チュートリアル、そしてサイト上でHTML5関連コードを編集して実行できるプレイグラウンドを提供し、学びなが

    GoogleがHTML5の実験場を公開、学習からコードの実行まで 【増田(maskin)真樹】 | TechWave(テックウェーブ)
  • HTML5 Watch

    # Portal for mobile/desktop browsers Full Writeup Keyboard Controls: It’s AWSD or arrow keys for movement and mouse button and mouse movement for the portal gun. On mobile, it’s hold down your finger to run toward your finger and hold down above you to jump, tap to aim and fire the portal gun, and second finger (multi-touch) to move the portal gun without firing (like to maneuver a held box).

    HTML5 Watch
  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

    endeavor
    endeavor 2010/01/27
    HTML5の詳しい解説。Canvas要素の使い方が特に詳細に書かれている。
  • 1