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

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

HTML や CSS のコーディングなどに関する記事

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

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

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

font-size-adjust プロパティのブラウザサポートが足並みそろった件

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

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

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

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

Firefox 121 が正式リリース、やっと :has() 疑似クラスに対応

Tailwind CSS で text-autospace プロパティを使用するためのプラグインを npm で公開しました

Astro と Tailwind CSS でこの Blog をリニューアルしました

CSS Values and Units Module Level 5 に追加された random() 関数が面白そう

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

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

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

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

「できるポケット HTML&CSS全事典」の第5刷、重版が決定しました

Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました

「できるポケット HTML&CSS全事典」の第4刷、重版が決定しました

書籍「できるポケット HTML&CSS全事典」が Kindle Unlimited 読み放題の対象になりました

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

「できるポケット HTML&CSS全事典」の第3刷、重版が決定しました

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

「できるポケット HTML&CSS全事典」の重版が決定しました

CSS カスタムプロパティ（CSS Variables）を使用して、ダークモード対応 CSS をスマートに書く

AMP ページで Font Awesome を使用する

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

Firefox 75、HTML の指定のみで動作する画像遅延読み込み（loading="lazy"）に正式対応

大幅改訂されて生まれ変わった「できるポケット HTML&CSS全事典」が2月14日に発売されます

W3C と WHATWG、HTML/DOMの仕様策定で協力し、共通の仕様を共同管理すると発表

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

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

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

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

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

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

Google Chrome 65 が Beta リリース、CSS Paint API、display: contents のサポートなど

Edge が CSS カスタムプロパティ（CSS Variables）に対応したので試してみた

normalize.css 6.0.0 がリリース、作者の意見的意味合いが強かったスタイル定義を削除

Microsoft Edge が build 15.15061 で CSS カスタムプロパティをサポート

Chrome 56 に position: sticky; が戻ってきた

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

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

Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる

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

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

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

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

CSS で計算（四則計算）が行える calc() 関数を使ってみよう

Firefox 48 は CSS calc() 関数の入れ子に対応、CSS カスタムプロパティとの併用がより便利に

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

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

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

amp-analytics コンポーネントを使用した AMP HTML への Google Analytics 導入方法

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

Chrome 49 Beta が CSS カスタムプロパティ（CSS Variables）に対応

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

1990 年代後半から CSS を触っている私が当時の記憶を振り返る、CSS 昔話

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

Firefox 40 が正式リリース、text-decoration 関連プロパティからベンダプレフィックスが削除されるなど