Web開発
覚えておく価値のある、小さくてネイティブなWebテクニック
Small, native web tricks worth remembering (htmlcat.net)
要約
この記事は、Web開発者が日々のコーディングで役立つ、小さくてネイティブなWebテクニックを多数紹介しています。JavaScriptやCSSの便利な機能、HTMLの属性などを網羅しており、開発効率の向上やユーザー体験の改善に繋がる実践的な知識を提供します。
全文翻訳
JSでのデバイスタイプ
スクロールバーを隠すCSS
CSSでの空タグ
CSSでのセンタリング
CSS clamp()
CSSスムーズスクロール
JS Scroll margin
CSS classList.toggle()
JS 電話番号とメールリンク
HTML テキスト選択ハイライト
CSS :has() リレーショナルセレクタ
CSS リストマーカーのスタイリング ::marker
JS Intl.NumberFormat によるローカライズされた価格
HTML inert によるサブツリーの無効化
CSS HTML :target 疑似クラス
HTML グローバル属性 translate
CSS prefers-color-scheme
CSS コンテナサイズクエリ
HTML dialog 要素
JS スムーズスクロール
CSS より良い折り返し text-wrap
HTML 説明リストの配置
CSS accent-color によるネイティブフォームカラー
CSS Custom Highlight API
JS CSS 入力タイプ間のホバー検出
CSS color-mix() による透過色
JS スクロールスナップイベント
Bash ディレクトリをサイズでソート
CSS light-dark()
CSS contrast-color()
CSS @scope によるスコープ付きCSS
CSS :where()
CSS スクロール駆動アニメーション
CSS CSSカルーセル
HTML CSS corner-shape
CSS CSSカスタム関数
CSS CSS Grid Lanes
HTML Popover API
JS CSS View Transitions API
CSS コンテナスタイルクエリ
HTML details name によるエクスクルーシブアコーディオン
HTML ボタンコマンドによるダイアログ制御
HTML hidden=until-found による検索可能な折りたたみコンテンツ