2020年9月

今回は、テキストやブロック全体の要素をrgbaやopacityを使って、 薄く（透明度を）にする方法をご紹介します。 rgbaとopacityを使ってテキストやブロック全体を薄く（透明）する方法 テキスト要素を薄くするr […]

今回は、Google fontsの書体の読み込み方と使い方を画像を使って、 わかりやすくご紹介させていただきます。 Google fontsの書体の読み込み方と使い方 1.Google fontsの公式ページで使用したい […]

今回は、コードを書き始める上で欠かせないDoctype宣言の書き方とhead内に必ず記載しないといけない要素をご紹介します。 独学でHTML&CSSを学んでいる方に向けて、以下の記事はすごく参考になります！ つま […]

今回は、デザインの4つの基本原則（整列の原則）の補足を行いたいと思います。 まだ、デザインの4つの基本原則（整列の原則）を読んでない方は、下のリンクからぜひ！ デザインの4つの基本原則の補足（整列） 上記の画像のように、 […]

今回は、デザインカンプを完全に再現するためのツールであるPerfectPixelのダウンロード方法と使い方をご紹介したいと思います。 なお、今回は、Google Chromeでの使い方をご紹介します。 PerfectPi […]

今回は、以前『デザインの4つの基本原則について』で紹介した内容を補足したものになります。 今回の内容は、『近接の原則』について解説していきたいと思います。 『近接の原則』のおさらい まずは、ざっくりと『近接の原則』とは何 […]

今回は、Google Analyticsに新しくサイトを追加する方法をご紹介します。 1.Google Analyticsにログインする。 まずは、以下のリンクからGoogle Analyticsにログインしてください。 […]

今回は、手軽にコードデモをブログに載せることが出来るサービス『CodePen』のダウンロード方法と使い方を簡単に解説していきます。 CodePenのダウンロード方法 1.公式ページより会員登録（無料） まずは、以下のリン […]

今回は、書体にコントラストをつける際の6つの方法の6つ目『色編』について解説していきます。 今回初めて記事を見たという方は、ぜひ書体にコントラストをつける際の6つの方法の1つ目からご覧になってみてください。 色で、コント […]

今回は、書体にコントラストをつける際の6つの方法の5つ目『方向編』について解説していきます。 今回初めて記事を見たという方は、ぜひ書体にコントラストをつける際の6つの方法の1つ目からご覧になってみてください。 方向で、コ […]