アーカイブ完了

そのCSSの書き方は古すぎる！モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css | コリス

https://coliss.com/articles/build-websites/operation/css/modern-css-code.html

2026年4月2日 09:39 JST•アーカイブページ・viewer・ダウンロードは、この保存版を基準に表示されます。

2026年4月2日 09:39 JST·coliss.com

証拠パックには HTML、スクリーンショット、要約、メタデータが含まれます。Pro プランでダウンロードできます。

保存されたページ

そのCSSの書き方は古すぎる！モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css | コリス

保存時の情報つきでアーカイブHTMLを確認できます。

元のURLhttps://coliss.com/articles/build-websites/operation/css/modern-css-code.html

取得開始2026年4月2日 09:39 JST

CSS と画像を埋め込んだ保存HTMLです。元ページが削除されても開けます。

このページについてAI生成

このページは、CSSの古い書き方をモダンCSSやTailwinds CSSでどう記述するかを解説するサイト「modern.css」を紹介しています。要素の中央配置、スクロールバーのレイアウトシフト防止、oklch()による色設定、JavaScriptなしでアニメーション対応する高さ変更など、実践的なCSSテクニックを古い記述方法と比較しながら紹介。各スニペットではモダンなCSS記述法とTailwinds CSSでの実装方法を並示し、ブラウザ対応状況とデモも掲載しています。

スクリーンショット

ページ全体を最大15,000pxの高さまで撮影しています。必要に応じて全体像を確認できます。

そのCSSの書き方は古すぎる！ モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css | コリス

そのCSSの書き方は古すぎる！モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css | コリス