ウェブの世界はほぼCSS 3へと移行しつつあるが、World Wide Web Consortium（W3C）は米国時間6月7日、CSS 2.1をウェブフォーマットの標準とすると宣言した。 W3Cによると、CSS 2.1は「勧告」ステージに達したのだという。W3Cでインタラクション分野のリーダーを務める ...

本章では、開発環境にTailwindをインストールする方法に加えて、設定ファイルの記述方法や、エディタの設定などについて説明します。執筆時点でのTailwindの最新バージョンである、3. 2.4の使用を前提にします。 Tailwind CSSのインストール Tailwindは、さまざま ...

前回はHTMLやXHTML、HTML5について、 その歴史などを振り返りました。今回はCSSのいまをみみていきます。CSS 2. 1やCSS3の策定が開始してから数年経ちますが、 現在はいったいどのような状況にあるのでしょうか。 CSS1やCSS 2. 0は古いもの 2009年10月現在、 勧告され ...

この動画は CSS 初心者のための入門講座・第2弾！ヤフー出身エンジニアが、CSSの基礎である「プロパティ」について丁寧に解説します。どんな場面でどのプロパティを使えば良いか、実例を交えて深堀り！これから Web デザインを学びたい方にぴったりの ...

はじめに：Webデザインの「魔法」CSSとは？ CSS (Cascading Style Sheets) は、Webサイトの見た目を美しく整える役割を持つスタイルシート言語です。HTMLがWebページの骨組みを作るのに対し、CSSはその骨組みに色、形、配置といった装飾を施します。HTMLとCSSは互いに ...

CSSのnth-childで偶数/奇数行などn番目を装飾する方法(2ページ目) リストやテーブル(表組み)など多数の項目が連続する要素は ...

実際にブラウザで見られるサンプルはこちらです。 ページタイトル（高さのみを固定） ボタン（幅・高さの両方を固定） なぜかわかりませんがカーソルを置いたときの効果が反映されません。枠の下の表示倍率を 0.5x にしてください。 基本的な挙動 ...

PhotoshopはCS6からCSSへの書き出し機能が追加され、Web制作の現場で更に便利になりました。ただし機能面でまだ十分とは言えず、物足りない人も多いと思います。 Photoshopで作成したボタンやエレメントなどのシェイプやテキストのレイヤースタイル・テキスト ...