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

Latest saved version

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

This is the newest public snapshot for this URL and the best place to start reviewing the page.

Source URL

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

About this page

This page introduces 'modern.css,' a site demonstrating how to write outdated CSS using modern CSS and Tailwinds CSS. It covers practical techniques like element centering, preventing layout shifts from scrollbars, using oklch() for vibrant colors, and height animation without JavaScript. Each example compares legacy CSS with modern approaches and Tailwinds CSS implementations. The site provides browser support information and demos, helping developers transition from outdated CSS practices to cleaner, native modern CSS standards.