2021年11月18日(木)

CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ

• 0
• 154
• 451
• 353

Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。

CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

まだ使ってる？今は非推奨となったJavaScriptの書き方

         

NEXT ›

               

HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」

関連記事

• CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
• 【自分の作品をネットで販売してみよう】デジタルマーケットプレイス用WordPressテーマ25選！【コーディング不要】
• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• Kindle本のプライムデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です
• Kindle GWセール（後半）は5/9まで！ デザイン書・Web制作の解説書・イラスト関連の良書が、半額以下でお買い得です

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ』についてまとめています。

この記事は特にレスポンシブ・フォント・SEO・bootstrap・イラスト・動画・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。