マガジンのカバー画像

HTML/CSS

4
本
運営しているクリエイター
あたおか

#css

あたおか

あたおか

positionプロパティから逃げない（Tipsあり）

positionプロパティから逃げない（Tipsあり）

一昔前までのマークアップは、「float」が使いこなせるかどうかが一つの大きな壁だった印象ですが、現在では「position」を使いこなせるかどうかでコーダーの技量を測れるように思います。
長くマークアップをしているコーダーさんでも、以外と「なあなあ」で使っている方もいらっしゃいますので、改めて「覚えておくと今後楽になるかもしれない」点を幾つか挙げさせていただきます。

positionプロパティ

もっとみる
あたおか

あたおか

IEサポート終了後に使いやすくなるCSSセレクタ（疑似クラス、疑似要素）を今のうちに覚えておこう

IEサポート終了後に使いやすくなるCSSセレクタ（疑似クラス、疑似要素）を今のうちに覚えておこう

古くからあるレガシーシステムを保守されている方以外の100%が歓喜した「2022年6月をもってIEサポート終了」というニュースから約1か月。
IEのサポートが終了したら「display:gridが使える！」「position:sticky;があればこの実装が楽になる！」と今までIEをサポートしないといけないせいで使えなかったプロパティに思いを馳せている方は多いと思いますが、意外と「あるCSSセレク

もっとみる
あたおか

あたおか

運用中サービスに対するCore Web Vitals(CWVs)対策まとめ【追記予定】

運用中サービスに対するCore Web Vitals(CWVs)対策まとめ【追記予定】

先月くらいまでは日本語での情報が少なかったCore Web Vitals対策ですが、SEOスコアに影響が出始める期日が迫るにつれ、まとまった情報が見つかるようになってきました。
ただ、「そんな対策、こんな小さい案件じゃできないよ」という内容も多いですので、現実的な範囲で何ができるかという観点でまとめてみたいと思います。
※Page Speed Insightsの表記を前提にしています

最も効果の

もっとみる