2026年04月2日(木)
そのCSSの書き方は古すぎる! モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css
CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。
要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やrgb()値より鮮やかなoklch()による色設定、JavaScriptを使わずにアニメーションで高さを変更するCSSなど、よく使用するCSSのテクニックが満載です。
![]()
Modern CSS Code
サイトのトップに「2015年のようなCSSを書くのはやめましょう」とあるように、modern.cssはCSSの古い書き方...
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
モダンでパワフル且つ直感的な操作が可能なオープンソースのTauri製データベース管理ツール・「QoreDB」
NEXT ›
Node.js 、Python 、Go等もサポートされたオープンソースのAIアシスタント付きセルフホスト型デプロイプラットフォーム・「OpenBerth」
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『そのCSSの書き方は古すぎる! モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css』についてまとめています。
この記事は特にjavascript・アニメーション・SVG・SEO・Chrome・Firefox・safariについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。













