タグ

html5に関するkitsのブックマーク (404)

  • W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス

    あくまで有効日数はW3C仕様の名目上のステータスであり、参考情報にしか過ぎないわけですが、HTML5とそれよりも前に策定された(X)HTML仕様は、2018年3月に一斉に廃止され、HTML Review Draftと入れ替わるタイミングでHTML 5.1とHTML 5.2が同時に廃止されました。Second Editionを含んでいますが、HTML5シリーズがいずれも勧告から3年で廃止されているのは何とも興味深いところではあります。 また、古い話ですが、当時HTML5のEditorを務めていたHixieことIan Hickson氏が2008年に「HTML5の完成は2022年ごろになる」と発言していたことがありました(HTML5の完成は2022年!? | Web標準Blog | ミツエーリンクス)。2012年にW3CとWHATWGのHTMLが分裂[1]し、結局今年になってWHATWG HTM

    W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス
  • HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社

    概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す

    HTML5のLocal Storageを使ってはいけない(翻訳)|TechRacho by BPS株式会社
  • h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い

    池田 泰延 @clockmaker h1要素が同じHTML内に複数もあるのはどうなの的な宗派(XHTMLの流れをくむセマンティックス派)でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 2016-12-13 14:36:23

    h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い
    kits
    kits 2016/12/13
  • 数字将棋 | イノセン堂 GAMES

    『数字将棋』は「持ち駒の中に足して7になる組み合わせができれば勝ち」のミニ将棋ゲームです。

  • HTML5の名前文字参照の一覧は、公式ページからJSONデータで取得できる - Qiita

    仕様について 2014年10月28日に勧告されたバージョンのHTMLです。 既に勧告されたため、今後、この仕様が変更されることはなく、このJSONデータが変わる事もありません。 HTML 5.1 仕様について 2016年内に勧告される予定のバージョンのHTMLです。つまり、まだ更新作業中です。 このため、現在(2016年3月10日)もHTML 5.1の仕様は確定しておらず、今後変更される可能性があります。 元々はHTML5と一体の仕様でしたが、HTML5の勧告に時間が掛かると判断されたため、HTML 5.1として分割されました3。 HTML Living Standard 仕様について HTML5の仕様を発表したW3Cとは異なる、WHATWGというグループが策定しているHTMLの仕様です。 W3Cとは異なり、WHATWGではHTMLにバージョン番号を割り振らず、「HTML Living S

    HTML5の名前文字参照の一覧は、公式ページからJSONデータで取得できる - Qiita
    kits
    kits 2016/03/13
    「HTML5からは名前文字参照(Named character references)という名称に変わっています」
  • HTML5におけるstrongとemの違い。強調と強勢。 | Ginpen.com

    先に結論を述べちゃうと、HTML5におけるstrongは重要性 (importance)を、emは強勢 (emphasis)を表す。強勢って何?ってのは後述しています。 かつてHTML 4.01の場合は単純にemが強調 (emphasis)、strongがより強い強調 (stronger emphasis)でした。 なおどちらもemphasisという単語を使っているんだけれど、この英単語自体が重要性を示す「強調」と、発声時の強弱の強を示す「強勢」と、両方の意味を持っています。HTML 4.01とHTML5では日語訳を分けているのは、文脈から判断したものです。 重要性 こちらは重要なものである、という事を表します。普通です。ここ試験に出るぞーってやつですね。 吾輩は「」である。 すると、きっと試験にこんな問題が出るわけです。 「この物語の語り手である「吾輩」は何者であるか。漢字一字で答え

    HTML5におけるstrongとemの違い。強調と強勢。 | Ginpen.com
    kits
    kits 2016/01/13
    importance or emphasis
  • リンクかボタンかそれ以外か - Unreviewed

    あるアクションを引き起こす「モノ」を「リンク」とするか「ボタン」とするかは、何を基準に判断すればよいのでしょうか。ここでは最近の私の解釈を書きます。 最近の私の解釈 最近の私の解釈は「アクションが、ページの遷移かフォーカスの移動を発生させるものはリンク、そうでなければボタン」というものです。この解釈はWAI-ARIA 1.0のある注記がきっかけになっています。 WAI-ARIA 1.0 WAI-ARIA 1.0 (2011年1月18日勧告候補)にはlinkロールとbuttonロールがそれぞれ用意されています。中でもlinkロールには私の解釈の直接のきっかけとなった注記があります。 Note: If pressing the link triggers an action but does not change browser focus or page location, authors

    リンクかボタンかそれ以外か - Unreviewed
    kits
    kits 2016/01/08
    WAI-ARIA 1.0 注記の意図は「フォーカスを変えず、ページ遷移もしないならボタン(そうでない場合は限定せず)」であって、筆者の解釈のようにリンクかボタンかを二分するものではないと思う。
  • HTML5日本語訳

    This Version: https://www.w3.org/TR/2018/SPSD-html5-20180327/ Latest Published Version: http://www.w3.org/TR/html5/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft of HTML: http://www.w3.org/html/wg/drafts/html/master/ Previous Version: http://www.w3.org/TR/2014/REC-html5-20141028/ Previous Recommendation: http://www.w3.org/TR/1999/REC-html401-19991224/ Editors: WHATWG: Ia

  • CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS

    CSSによるインデックスされない謝罪文 CSS文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お 詫"; } p:nth-child(1):after{ content: " び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{ c

    CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS
  • 2014年のWeb標準 | gihyo.jp

    株式会社ミツエーリンクスの渡邉卓です。昨年の「2013年のWeb標準」と同様、2014年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2014年のWeb標準については「HTML5勧告予定年」「⁠IE6の終焉」「⁠CSSプロパティくりかえし問題」をキーワードとして取りあげます。 HTML5勧告予定年 HTML5にとって、2014年はとても重要な年になります。昨年の記事でも触れましたが、HTML5は2014年に「勧告」となる予定であるためです。HTML WGによる2014年の計画では、HTML5を勧告(Recommendation)にする目標が、2014年後半(第4クオーター)に設定されていることがわかります。 HTML5はすでに勧告候補(CR; Candidate Recommendation)であるため、

    2014年のWeb標準 | gihyo.jp
  • Webアプリのパフォーマンス改善をWeb標準で行う方法、まとめ - ふろしき Blog

    HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ

    Webアプリのパフォーマンス改善をWeb標準で行う方法、まとめ - ふろしき Blog
    kits
    kits 2013/12/26
    Link type "prefetch" はHTML5仕様にあり。 http://www.w3.org/TR/html5/links.html#link-type-prefetch
  • WebプラットフォームのこれからとExtensible Web - fragmentary

    この記事はFrontrend Advent Calendar 2013の8日目の記事です。 昨日岐阜県にてHTML5 Conference 2013 in Gifuというイベントがありまして、そちらでWebプラットフォーム動向についてお話させていただきました。スライドはこちら。 2013年のWebプラットフォーム 相変わらずふんにゃりした話しかできず心苦しい。 Extensible Webが実行に移った2013年 今年はOperaのWebKitChromium移行、Blink登場、IE11で互換機能を非推奨に、など、ブラウザの動きが大きくて、あまりWeb標準周りで大きなニュースがなかったように思います。あったらあったで面倒なんですが(たぶん良いニュースはない)。ただ、思ったよりずっと動きが速いなと思ったのが、Extensible Web関連です。 「低レベルなのモデル・APIをつくり、高レ

    WebプラットフォームのこれからとExtensible Web - fragmentary
  • 新しいHTML5勧告候補(2013年8月版)で目についたところ - Unreviewed

    先日、HTML5の新しい勧告候補が公開されました。今更ですが、目についた変更点を挙げます。 要素の追加と削除 data要素が追加されました main要素が追加されました hgroup要素が削除されました menu要素とcommand要素が削除されました data要素 data要素は、要素の中身に通常のコンテンツを、value属性にコンピューターが読み取れる形式のコンテンツを、記述する要素です。 2013年8月版の勧告候補の中でも、Common idiomsの会話の例にdata要素を使ったマークアップの例が出ています。 <p> <data value="1319898155">14:22</data> <b>egof</b> I'm not that nerdy, I've only seen 30% of the star trek episodes <p> <data value="13

    新しいHTML5勧告候補(2013年8月版)で目についたところ - Unreviewed
    kits
    kits 2013/10/01
  • HTML5のカスタムデータ属性data-*の属性名は、日本語であってもよい - 血統の森+はてな

    語を含んだ属性名にするのが誰得なんだという疑問があるにせよ、仕様上はそうなっている(ように読める)のだから仕方ない。 カスタムデータ属性は、文字列"data-"で始まる名前空間のない名前をもつ属性であり、ハイフンの後に少なくとも1文字を持ち、XML互換であり、ASCII大文字を含まない。 HTML 5.1(2013-05-28) 3.2.3.9 data-*属性をもつカスタム非視覚データの埋め込み XML互換というのはHTML 5.1仕様によると、 属性名がXMLで定義されたName生成物と一致し、":"(U+003A)文字を含まず、かつ最初の3文字の文字列がASCII大文字・小文字不区別で文字列"xml"に一致しない場合、属性名はXML互換であると言われる。 HTML 5.1(2013-05-28) 2.1.2 XML とある。Name生成物はXML仕様に定義してあって、 [4] N

    HTML5のカスタムデータ属性data-*の属性名は、日本語であってもよい - 血統の森+はてな
    kits
    kits 2013/06/19
    XML仕様における Name の文字が使用できる。
  • 解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース

    SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io

    解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
    kits
    kits 2013/04/27
    論理ではなく「人」に重きを置いた判断のように見えるのが気になる。
  • フォームの入力必須項目のマークアップ | Accessible & Usable

    公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」

    フォームの入力必須項目のマークアップ | Accessible & Usable
    kits
    kits 2013/04/18
    input要素のrequired属性
  • Shumpei Shiraishi's Weblog: ついにHTML5が勧告候補に!そしてそれが意味するもの

    2012年12月18日火曜日 ついにHTML5が勧告候補に!そしてそれが意味するもの ついに! HTML5の仕様が確定しました! 厳密に言うと、HTML5とCanvas 2D Contextの2仕様が、Candidate Recommendation(勧告候補)という段階に達しました。CRに到達した仕様は、仕様そのものが今後ドラスティックに変更されることはなく、広く実装が呼びかけられるという段階です。 W3Cのプレスリリースはこちらです。 今後はテストケースの整備が行われつつ、仕様を完全に満たす実装の登場を待つばかりです。そうした実装が2つ以上登場し、テストケースに完全にパスするだけではなく、それらの間で完全な相互運用性が確認できれば、晴れてProposed Recommendation(勧告案)、そしてRecommendation(勧告)という最終段階に到達します。 現在の予定

    kits
    kits 2012/12/18
  • HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance

    HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance First Draft of HTML 5.1 Offers Glimpse at Next Round of Standardization Read below what W3C Members have to say about HTML5 17 December 2012 — The World Wide Web Consortium (W3C) published today the complete definition of the HTML5 and Canvas 2D specifications. Though not yet W3C standards, these specifications are no

    HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance
    kits
    kits 2012/12/18
  • 巷(何処)で話題のmain要素とは何か

    2012年12月1日 著 この記事は、HTML5 Advent Calendar 2012向けに書いたものです。12月1日、カレンダー初日ということで、割とあっさりとした内容にしたいと思います。読み応えのある、もっと濃くて面白い記事については、きっと後に続く方が書いてくださることでしょう......などと微妙にプレッシャーを与えてみたり(やめい)。それはさておき、この記事では、HTML5で個人的に注目しているmain要素をご紹介します。 main要素なんてHTML5仕様にあったっけ?と思った方は、正解。この要素は現状、HTML5仕様のなかで公式に定義されているものではありません。Webアクセシビリティのコンサルティングを手がけるThe Paciello Groupのメンバー、Steve Faulkner氏がHTML5の拡張仕様として提案中のものです。彼の執筆した非公式なドラフトは、The

    巷(何処)で話題のmain要素とは何か
    kits
    kits 2012/12/04
  • HTML5 Advent Calendar 2012 - Adventar

    誰か作っているかと思ったら、意外となかったらしいので作りました。 HTML5やJavaScript APIに関する話題であれば、Web標準からかけ離れた話題でなければ、なんでもOKです!

    HTML5 Advent Calendar 2012 - Adventar