Web制作者はチェックしておきたい！ モダンCSSやデベロッパーツールなど、これからの実装に役立つ新機能のまとめ
Post on:2025年6月5日
2025年もCSSをはじめ、Web制作関連の進化は止まらないですね！
Google I/O 2025で、これからのWebを実装するための新機能が発表されました。先日の記事でも紹介したCSSのみでカルーセルを実装する疑似要素のサポート、宣言型ポップオーバー、デベロッパーツールにAIが搭載など、Web制作者がチェックしたおきたい10個の新機能を紹介します。
マウスやキーボードの動きからユーザーが次にどの要素を操作するかを予測するスクリプト -ForesightJS
Post on:2025年6月4日
通常のホバーエフェクトのトリガーは、要素にカーソルをホバーした後に開始されます。しかし、これはユーザーの操作（ボタンに移動）から実際のホバーイベントまで100-200ms遅れます。また、キーボード操作によるトリガーも同様です。
ユーザーが次にどの要素を操作するか予測し、マウスやキーボードを実際に操作する前にプリフェッチすることができるJavaScriptのライブラリを紹介します。
CSSのカスケードレイヤーが便利！ 複数のCSSファイルを効率よく管理できるデフォルトのCSS構造 -CSS boilerplate
Post on:2025年6月3日
小規模のプロジェクトをはじめ、大規模のプロジェクトもサポートしたCSSのベースとなるテンプレートを紹介します。
大きな特徴は、@layerでCSSの構造を明確にし、リセットCSSやサードパーティのCSS、オリジナルのCSSなどのカスケードをより効率よく管理できることです。詳細度や!importantに頭を悩ますこともなくなります。
AmazonのスマイルSALEは本日6/2まで！ セールで私が買ったもの、見逃しがちなお買い得品を紹介します
Post on:2025年6月2日
※本ページは、アフィリエイト広告を利用しています。
Amazonでビッグセール「スマイルSALE 2025」が、6/2の本日まで期間限定で開催しています。通常のセールよりもかなり安くなって、非常にお買い得です。
せっかくなので、私が今回のセールとここ1,2年の間にAmazonで購入して、本当によかったもの、リピ買いしているものを紹介します。セール対象のものも多く、当然私はストック用に購入しました。
読むとワクワクする！ 最近見かけるHTMLとCSSのさまざまな実装テクニックがまとめられた解説書 -改訂新版 HTML＆CSSデザインレシピ集
Post on:2025年5月30日
※本ページは、アフィリエイト広告を利用しています。
Webサイトやスマホアプリの実装で必要となるHTMLとCSS、レイアウトのテクニック、ナビゲーションやボタンなどのUI要素、アニメーションやエフェクトなど、最近見かけるHTMLとCSSの実装テクニックがまとめられた解説書を紹介します。
700ページを超える本書は中級者向けですが、実例も豊富で詳しく解説されているので、初心者にもわかりやすいと思います。
これは朗報！ ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能
Post on:2025年5月29日
Chrome 137で追加された、CSSの新しい機能7個を紹介します。
今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS GridやFleboxで見た目の順序とtabキーの順序が異なるのを制御できる新しいプロパティもサポートされるなど、Web制作者は要チェックです！
ちなみに、先日紹介したCSSのカスタム変数はChrome 139（7月頃）に実装される予定です。
2025年、現在の環境に適したリセットCSSのまとめ
Post on:2025年5月28日
CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。
IE11のサポート終了から3年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ（最新版に自動アップデートするブラウザ）と呼ばれています。
現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です！
Pocketが終了するので、代替として無料で利用できるブックマーク管理ツールのRaindrop.ioに移行した手順
Post on:2025年5月27日
先日、Pocketから「大切なお知らせ」メールが届き、Pocketのサービスが2025年7月8日に終了するとのアナウンスがありました。
Pocketとは簡単に説明すると、ブックマーク管理サービスで、私はかなり前から愛用しており、どうしようかと調べていたら代替として良いサービスがあったので、それに移行した手順を紹介します。
