これまでの章では、Tailwindの基礎や具体的な使い方について解説しました。ここからは発展編として、デザインとCSSの関係性や、CSS設計におけるTailwindの意味について考察していきます。 ユーティリティファーストは実際のデザインプロセスに近い ...

メディアクエリーのようにビューポートではなく、コンテナの幅に応じてレイアウトを柔軟に調整するテクニックを紹介。calc関数を上手に活用した、マニアックなCSSトリックたちです。 はじめに、タイトルとは裏腹にこの記事は、メディアクエリ不要論を ...

Pencil.dev focuses on design-to-code speed versus static tools; upcoming reusable component libraries are planned for 2026.

インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：山口康夫、略称：MdN）は、MdN × Bau-yaブランドにて下記のオンラインセミナーを開催いたします。 【MdN × Bau-ya ...

ウェブブラウザ「Google Chrome」の最新安定版となる「57.0.2987.98」がWindows・Mac・Linux向けにリリースされました。このバージョンではCSSで要素ごとに区切った格子を制御できる「CSS Grid Layout (display: grid;)」をサポートするほか、JavaScriptを補完することで動的 ...

株式会社キャッチボール・トゥエンティワン(http://www.cb21.co.jp、東京都千代田区、03-3237-1367)は、2012年12月3日に、自社のWeb ...

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる 本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく、多くのWebサイトが採用している4つのレイアウト手法を学ぶことで、1冊を ...

すっかりおなじみになった「レスポンシブWebデザイン（RWD）」。その言葉の定義は（提唱者であるEthan Marcotteの本来の定義は別として）日本でもたびたび議論になりますが、海の向こうでも再び盛り上がっているようです。 「レスポンシブ（Responsive ...

世界のWeb、ITに関するカンファレンスをアジア圏で開催しているウェブディレクションズイースト（以下、WDE：東京都品川区）は、 レスポンシブWebデザインを定義、名付けをしたWebデザイナーをはじめ、共同で世界中を啓蒙しているコンテンツストラテジスト ...

現在ではWebデザインをCSSで構築するのは前提条件として当たり前になっている。数年前にはプログレッシブ・エンハンスメントと言われる、最低限のデザインから漸進的に最新ブラウザ向けのデザインを追加していくデザイン手法が登場し、現在では逆に ...