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

色 色は一番よく使われる変更です。 さまざまなプロパティのカラー変更ができ、中でももっとも簡単なプロパティは color 、 background-color 、 border です。 例の前に、ボタンカラーの選択方法を説明します。 色の組み合わせ － 互いに相性の良い色を使います。

ボタン（Button）は、Webやアプリにおける「行動のトリガー」です。 デザインがシンプルでも、「誰に、いつ、なにを促すか」が設計に宿っていれば、行動率（CTR）やCVは確実に上がります。 美しさ・機能性・意味性の3つを統合した設計を心がけましょう。

仕事に、人生に効く一冊。 「Bttn.css」はたった4KBで様々なボタンデザインが簡単に作れるCSSです。ボタンデザインをまとめたCSSです。これを読み込めば様々なボタンスタイルを簡単に作成できますよ。Webサイト制作をやられている方には重宝するCSSだと思い ...

仕事に、人生に効く一冊。 「Design Patterns on CodePen」はイケてるUIのデザインパターンを集めたサイトです。CodePenというHTML、CSS、JavaScriptのコードを共有することができるサイトがあります。その中から、特に優れたUIを集めたのがこのサイトになります。

美しい幾何学模様のパターン、ドットやグリッドベースのパターン、繊細なカラーの変化が楽しめるダークグラデーション、マトリックスのような近未来のパターンなど、CSSで実装された背景パターンを紹介します。 商用プロジェクトでも完全に無料で利用 ...