あくまで有効日数は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

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！） 対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ

https://www.fujitv.co.jp/TKMC/ なんかすごいの見つけた。小室哲哉がやってた番組ページのアーカイブっぽい。 初回更新日が1995年だから Windows 95 が発売されてネットが広まり始めた頃か。 非公開のページじゃないし有名なのかな？フジテレビのトップからは辿れなかった。 コンテンツはゲストとのトークの書き起こし、写真、撮影時の曲順とか。 RealPlayerのリンク(!)もあったけどさすがに動画は残ってなかった。残念。 でも書き起こしと写真は面白い。 こっちは KinkiKids がやってた LOVELOVE愛してるのゲスト一覧っぽい。 https://www.fujitv.co.jp/LOVELOVE/profile/profile.html トーク部分の書き起こしもちゃんと残ってる。 安室奈美恵かわいい。ノリピーはコンテンツ消えてた。 frameタグ(

HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に W3CとWHATWGは、HTML標準仕様の策定について合意したことを発表しました。 いわゆるHTML5と呼ばれるHTMLの最新仕様には、WHATWGが公開しているものとW3Cが公開しているものが併存しており、しかも両者には一部で異なる仕様があったために混乱を招いているところがありました。 今回の合意によりW3CはHTMLとDOMに関する標準策定をやめ、今後はWHATWGが策定するリビングスタンダードがHTMLとDOMの唯一の標準となります。 両者が合意した主な内容は下記となります。HTMLとDOMのリビングスタンダード、すなわちつねにアップデートされていく標準仕様はWHATWGがメンテナンスをし、W3Cはそれに協力していくこと、W3Cは今後単独でのHTMLとDO

CSS フレームワークが辛い。 ここでいう CSS フレームワークとは Bootstrap とか Bulma とかそういうやつのことである。昔から自分はこういうのが苦手で、一定の便利さは感じつつもどうしても馴染めないという状態が続いていて、それでも「それは使い方が悪いだけで、ちゃんと使いこなせばペイするんだろう」と思って今までズルズル使ってきてしまったのだが、やっぱりそれでもどうしても辛くなり脱フレームワークしようと思う。 もちろん使いこなせる人には使いこなせるんだろうし「使うべきでない！」という主張をするつもりはない。頭のいい人には使えるんだろう。昔は「今すぐ〜すべき 10 の理由」みたいなことを適当に書いてたんだけど、どうせ自分がやってることは「 Web 系」のメインストリームからは外れてるんだろうし、合わせるつもりもなければ合わせさせるつもりでもない。使う理由も使わない理由も人それぞ

ニュースサイトから記事本文を抜き出して利用しようという作業をやってみて、<ruby> 要素がほかの要素に比べてかなり異質なものあることに気がつきました。 ニュースの本文は ...<p><span class="colorC"><ruby>気象庁<rt>きしょうちょう</rt></ruby></span>は「もっと<a href="javascript:void(0)" class="dicWin" id="id-0000"><ruby><span class="under">二酸化炭素</span><rt>にさんかたんそ</rt></ruby></a>を<ruby>出<rt>だ</rt></ruby>さないようにしなければなりません」と<ruby>話<rt>はな</rt></ruby>しています。</p>... のようになっています。BeautifulSoup の .text で単純にタグ

クリックできるものがあって，<a>にするか<button>にするか，という話をしていて，いろんな観点があるなと思ったのでメモ． 単なる画面遷移なら<a> 単にformを送信したいときは，<input type="submit">や<button> <button>はdisabled属性を使って無効状態にできるので，押せない場合もあるなら便利 リンクを<a>にしておくと，PCではホバーするとリンク先が見えるので，ユーザーにとっては何が起きるか予想できて便利 そう考えるとformは押してみるまでどこに飛ぶか分からないので怖い気がする リンクを<a>にしておくと，:visitedを使って訪問済のリンクの色を変えることができて便利 モーダルウィンドウを出すとき，ウェルカムメッセージを開くボタンを<a href="#welcome">として，/#welcomeのときにウェルカムメッセージを出す，とし

Allow dashes in comments · whatwg/html@518d16f …実はまだHTML Standardの邦訳の方はこのFixを反映させておらず、コミットメッセージしか読んでないのですが（げふんげふん）。おまけにSGMLなりXMLなりの正確なコメントの構文も忘却の彼方だったりしますが、まあその辺のことは 正しいコメントを書こう マニアックな文法論議 - SGML の注釈宣言 あたりのほうがよっぽど詳しく解説しているのでそちらを参照してもらうとして、ともかく、 <!-- ---> <!-- -- --> <!-- --! -->といったコメントも許可されるようになりました、と。 ただし、次のコメント（もどき）はやはり構文違反となります。 <!--> <!---> <!-- --!>HTMLのコメントについては、<!--ではじまって-->で終わる、ただし間に--のよう

JSなしのソーシャルボタンというのを作ってみました。このサイトの各エントリ下部に実装されているものです。 動機 各サービス、JS を読みこんでボタンを表示するタイプのものをメインに提供していますが、ソーシャルサービスへのシェアという機能で外部リソースの読み込みとJSの実行が発生するのは、提供される機能に対して割に合わないのではないかと思っていました。 実際ウェブサイトのパフォーマンスチューニングをしていると、細かいボタンのJSのダウンロード・パース・実行・表示後のリフローが結構多くて気になります。 実装 テストページ https://lowreal.net/2016/sharebuttons/test.html サービス Facebook Twitter Google+ LINE はてなブックマーク HTML+CSS+各サービスのアイコン画像(5つ)です。 各サービスのアイコンをSVGにし

Web担当者の皆様は、ページのちょっとした修正を自分で行うケースが少なからずあるのではないでしょうか。HTMLのタグや属性など、それぞれの正しい読み方を知っていますか？ 「qやa」など、一見するとどう読んでいいかわからないものが多いため、なんとなく読んでしまっている方も多いでしょう。 今回は、読みづらいHTMLタグ・属性の読み方をまとめました。読み方に自信が無い方はこの機会に不安を解消しておきましょう。 HTMLタグの読み方 1.!DOCTYPE 読み方：ドックタイプ Document Type Definitionの略。文章の先頭に記載する宣言文。 2.a 読み方：アンカー anchorの略。リンクの出発点・到達点を指定するHTMLタグ。 3.br 読み方：ブレイク Breakの略。改行を指定するHTMLタグ。 4.dfn 読み方：ディフィニション Definitionの略。定義する用語

Tweet Ｊリーグは、株式会社Ｊリーグメディアプロモーションおよびデータスタジアム株式会社と協力しＪ１リーグ戦を中心にテスト運用を実施して実用化を目指しておりましたトラッキングシステムを、２０１５明治安田生命Ｊ１リーグ全試合において導入することを決定いたしました。トラッキングシステムにより取得したデータは、Ｊリーグ全体の競技力の向上のため、またＪリーグWebサイト（『Ｊリーグ.jp』URL：http://www.jleague.jp）でのアニメーション速報を始めとしたファン・サポーター向けのコンテンツ生成等に活用いたします。 ■導入の目的 1．Ｊリーグ全体の競技力の向上（クラブの戦力分析・強化・育成、審判の技術や規律の向上） 2．試合中継、ニュース番組、Webコンテンツ等ファン・サポーター向けサービス（観戦方法）の拡充 ■Ｊリーグトラッキングシステムとは 軍事技術として使われる自動追尾（

AI How to opt-in and upgrade to the new Opera AI in your browser November 21st, 2025 Last month we introduced Opera AI for testing in the Developer version of Opera One, and today we’re gradually rolling... Desktop, Mindfulness, Opera Air Opera Air’s mindful cat has a name now November 19th, 2025 Hey all, Last month, just in time for Global Cat Day, we gave a stray cat a home in Opera... Desktop Y

橋本聖子事務所のサイトのソースをご覧下さい。 http://t.co/MaoxF3mS7a

Pelletkachels zijn een duurzaam en efficiënt alternatief voor traditionele verwarmingssystemen en winnen snel aan populariteit.…

なんで html の from は PUT / DELETE ができないのか、「セキュリティ的理由」とか「歴史的経緯」とか、わかったような分からないような説明はよく聞くけど、実際なんでなのか調べてたら色々教えてもらった話。 ここまでわかったことを blog にまとめました。 / “なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes” http://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete