HTML カテゴリの記事一覧 - WWW WATCH

WWW WATCH - Web デザインやテクノロジーの話題がメインのブログ

HTML に関する記事

著書「できるポケット HTML&CSS 全事典」が 3 度目の全面改訂、「改訂 4 版」の発売が決定しました

details 要素の name 属性によるグルーピングが全ブラウザで利用可能に

CSS Pseudo-Elements Module Level 4 に追加された ::details-content 疑似要素はブラウザサポートされると便利そう

popover 属性（含む関連属性）がすべてのモダンブラウザで利用可能に

Safari 17.4 が input type=checkbox の switch 属性に対応したので簡単に試してみる

details 要素で作るアコーディオン UI のサンプル

Astro で details 要素に name 属性を使うと型チェックでエラーになる件を解決する

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」 3 度目の重版（第 4 刷）が決定しました

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」 2 度目の重版（第 3 刷）が決定しました

HTML Standard 仕様に search 要素が追加された

「できるポケット Web 制作必携 HTML&CSS 全事典改訂 3 版」の重版が決定しました

Tailwind CSS でつくるダークモード切り替えスイッチ

Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる

カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました

Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する

AMP の実装で「要素に class 付けて開閉する」みたいな UI は amp-bind を使うと超簡単で手軽だった件

Re: AMP stories が発表されたので早速簡単なストーリーを作ってみた件（v1.0 対応版）

Chrome 75 に HTML 側の指定のみで動作する画像遅延読み込み（loading="lazy"）が実装される

gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点

Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境

リアルタイム画像処理機能が充実した CDN、「imgix」を試してみたらとても簡単で便利だった件

AMP stories が発表されたので早速簡単なストーリーを作ってみた件

HTML 5.2 の First Public Working Draft （FPWD）が公開される

アフィリエイト・サービス・プロバイダ各社はいい加減配信する広告を SSL に対応させろと思っていたらバリューコマースさんが対応した件

AMP （Accelerated Mobile Pages）バリデータの Web 版が公開される

Firefox 47 がリリース、CSS Mask Image プロパティへの対応やVP9サポートの有効化など

HTML 5.1 が今年 9月の勧告に向けて勧告候補への移行検討段階へ、HTML 5.2 の策定も開始

AMP HTML でアコーディオンやカルーセル表示などを実装する拡張コンポーネントを使ってみる

Twitter アプリで投稿する画像に代替テキストを追加できるようになった件

HTML5 に対応したリファレンス本「できるポケット HTML5 & CSS3/2.1 全事典」が増刷されます

pa11y のレポートを日本語で表示したかったので HTML_CodeSniffer の日本語版作った

Google Search Console に AMP の項目が追加される

AMP （Accelerated Mobile Pages） HTML を出力するようにしてみたけど面倒くさかった話

「アクセシビリティ」を当たり前にするために制作者はどう考えればよいのか

当 Blog を SSL 対応させたので手順や修正が必要になった点などをまとめ

Firefox 38 が正式リリース、レスポンシブ・イメージ、ruby 要素のサポートなど

Microsoft の新ブラウザ（Project Spartan）開発に Adobe の Web Platform チームが参加

HTML5 に対応したリファレンス本「できるポケット HTML5 & CSS3/2.1 全事典」が発売されました

Google が言う「モバイルフレンドリー」とは？モバイルフレンドリーテストツールで色々試してみた

Firefox 39 のインスペクタが要素のドラッグ & ドロップに対応

SVG のフォールバックは結局 Modernizr に落ち着いた件

Firefox 36 が正式リリース、scroll-behavior: smooth; のサポート、SPDY/3 のサポート廃止など

HTML5 に対応したリファレンス本「できるポケット HTML5 & CSS3/2.1 全事典」を執筆しました

Web サイトの制作ガイドラインをクリエイティブ・コモンズ・ライセンスで公開しました

HTML5 Differences from HTML4 が W3C WG Note へ

Firefox 34 が正式リリース、SSL 3.0 の無効化、CSS Fonts 関連の実装強化など

Web アクセシビリティを身近に感じてもらうためのごく簡単なお話

HTML5 仕様が W3C 勧告に

Firefox Nightly のインスペクタが ::before / ::after 疑似要素を表示するようになった

HTML5 が勧告案（Proposed Recommendation）に。DataCue / Drag and drop は仕様から削除

Google 検索結果内の検索ボックスを有効にするための Microdata マークアップ

W3C Markup Validation Service が HTML5 picture 要素や srcset 属性に対応

HTML5 Image Description Extension （longdesc 属性）が W3C 勧告候補に

HTML5 仕様が再び勧告候補（Candidate Recommendation）に

Firefox 31 が正式リリース、HTML5 track 要素や CSS Variables 最新仕様に対応など

HTML5 仕様（WHATWG）に picture 要素が追加される

HTML5 仕様が最終草案（Last Call Working Draft）に差し戻し

Firefox 30 でインスペクタが各要素のボックスモデルをオーバーレイ表示するようになっていた件

srcset 属性に対応した Chrome ベータが公開、レスポンシブイメージ対応が可能に

SVG と背景色を使ってサイズやカラーが自在な汎用性のあるアイコンボタンを作る