Webデザイン

今回は、CSSのセレクタの組み合わせでよく使うものをご紹介します。 組み合わせによって、自分の適用したい範囲にのみスタイルを適用することができるようになります。 子孫セレクタ 「section p」のように、セレクタの間 […]

Adobe XDとは？ Adobe XDとは、Adobeが提供しているUXデザインツールです。 Webサイトやアプリケーションなどのデザインやワイヤーフレームの制作などに適しています。 Adobe XDの便利な機能 リピ […]

この記事では、CSSやHTML5の機能が各ブラウザに対応しているかどうかを調べることができる「Can I use」の使い方をご紹介します。 CSSやHTML5で新しく導入された機能を使ってコーディングをする場合、一部のブ […]

今回はMacにSassをインストールする方法をご紹介したいと思います。 MacにSassをインストールする手順 ターミナルを起動する Sassのインストールはターミナルを使っておこないます。 ターミナルは「アプリケーショ […]

Sassとは？ Sassとは、一言で言うとCSSをより効率的に書けるようにした言語です。 Sassでは変数や関数を使えるようになるため、CSSよりも効率的にコーディングをおこなうことができます。 Sassファイルのままで […]

WEBアプリやホームページ作成をしているときに「CSSに記載したスタイルが効かない??」なんてことはありませんか?? CSSは基本的に後に書いたものが優先されるので、追加したいスタイルをどんどん後に追加していけばいいと思 […]

今回は、Webサイトの配色で迷った時に使えるベースカラー・メインカラー・アクセントカラーの考え方をご紹介したいと思います。 この3つのカラーの比率を、ベースカラー70%、メインカラー25%、アクセントカラー5%で使用する […]

UXデザインって何？ UXとは、User Experience（ユーザーエクスペリエンス）の略です。 Experienceには、体験、経験という意味がありますが、UXデザインとは、まさにユーザーの体験をデザインすることで […]