CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました。 WebサイトのUIでよく見かけるCSSの:has()疑似クラスの便利な使い方を紹介します。今までは少し面倒なCSS、もしくはJavaScriptが必要でしたが、:has()疑似クラスを用いると簡単に実装できます。

今年の初めに2013年の予想記事 “2013年トレンド予測 カテゴリー別 Top3 | Tech / UX / Mobile / Online Marketing“を書いてからはや1年、気づくともう年末。振り返ってみると今年はインターネット・デザイン・スタートアップを取り巻くトレンドがめまぐるしく変化した一年となりました。その中でも最も進化が著しかったのがUI (ユーザーインターフェイス) と UX (ユーザーエクスペリエンス) です。今回はサイトや、アプリ、デバイスを利用するユーザーの使い易さと利用体験に直接影響を及ぼすUIについて2013年のトレンドをまとめてみました。 2013年のUIトレンドTop10 レスポンシブデザイン化が加速 フラットデザインの氾濫 タイポグラフィーの重要さが上昇 Flash終了のお知らせ 大きな画像を背景に利用 余白の有効活用 パステルカラーを積極的に採用