2020年
Doctype宣言の書き方(ショートカットキー)とhead内に記載しないといけない要素
今回は、コードを書き始める上で欠かせないDoctype宣言の書き方とhead内に必ず記載しないといけない要素をご紹介します。 独学でHTML&CSSを学んでいる方に向けて、以下の記事はすごく参考になります! つま […]
デザインの4つの基本原則の補足(整列)
今回は、デザインの4つの基本原則(整列の原則)の補足を行いたいと思います。 まだ、デザインの4つの基本原則(整列の原則)を読んでない方は、下のリンクからぜひ! デザインの4つの基本原則の補足(整列) 上記の画像のように、 […]
デザインカンプを完全に再現する!PerfectPixelのダウンロード方法と使い方!
今回は、デザインカンプを完全に再現するためのツールであるPerfectPixelのダウンロード方法と使い方をご紹介したいと思います。 なお、今回は、Google Chromeでの使い方をご紹介します。 PerfectPi […]
デザインの4つの基本原則の補足(近接効果)
今回は、以前『デザインの4つの基本原則について』で紹介した内容を補足したものになります。 今回の内容は、『近接の原則』について解説していきたいと思います。 『近接の原則』のおさらい まずは、ざっくりと『近接の原則』とは何 […]
Google Analyticsに新しいサイトを追加する方法
今回は、Google Analyticsに新しくサイトを追加する方法をご紹介します。 1.Google Analyticsにログインする。 まずは、以下のリンクからGoogle Analyticsにログインしてください。 […]
ブログにコードデモを載せる[Codepenのダウンロード方法と使い方]
今回は、手軽にコードデモをブログに載せることが出来るサービス『CodePen』のダウンロード方法と使い方を簡単に解説していきます。 CodePenのダウンロード方法 1.公式ページより会員登録(無料) まずは、以下のリン […]
書体にコントラストをつける際の6つの方法(色編)
今回は、書体にコントラストをつける際の6つの方法の6つ目『色編』について解説していきます。 今回初めて記事を見たという方は、ぜひ書体にコントラストをつける際の6つの方法の1つ目からご覧になってみてください。 色で、コント […]
書体にコントラストをつける際の6つの方法(方向編)
今回は、書体にコントラストをつける際の6つの方法の5つ目『方向編』について解説していきます。 今回初めて記事を見たという方は、ぜひ書体にコントラストをつける際の6つの方法の1つ目からご覧になってみてください。 方向で、コ […]
[1分でわかる]Firefoxでフルスクリーンの写真を撮る方法
今回は、Firefoxでフルスクリーンショットを撮る方法をご紹介させていただきます。 まだ、Firefoxをダウンロードしていない方は、以下の記事でダウンロード方法をご紹介してます。 以下の画像のような、フルスクリーンシ […]
[1分でわかる]Google Chromeでフルスクリーンの写真を撮る方法
今回は、Google Chromeでフルスクリーンショットを撮る方法を解説していきます! 以下の画像のような、フルスクリーンショットが撮れます。 Google Chromeでフルスクリーンショットを撮る手順 1.画面上で […]