見出し画像

練習復習収集吸収8/ロゴ/JavaScript4・・


感じの良いサイトの理由を言語化・・
余白をたっぷり取っている。文字数が少ない、若しくはきちんと整理されている。配色がおおよそ3色以下である。

サイト名:
URL:
フォント
見出し
使用フォント:
フォントサイズ:
文字色:
本文
使用フォント:
フォントサイズ:
文字色:
行間:
文字間:
配色
ベースカラー:
メインカラー:
アクセントカラー:
レイアウト・余白
ヘッダーの高さ:
セクション間の余白:
セクションタイトルの下の余白:
メインビジュアルからメインコンテンツまでの余白:
しまぶーJavaScript3・・
オブジェクト=データと機能をまとめたもの
メソッド=オブジェクト内のデータに相当
プロパティ=オブジェクト内の機能に相当

JavaScriptはブラウザで動く言語。ブラウザ自体もオブジェクトで定義されていて、メソッドやプロパティにアクセスできる。
その機能を使って、データのやり取りやDOM操作を行う。

定数・・
定義したときに代入したデータを後から書き換えることができない、変数の一種
e.g.) const answer = window.prompt('ヘルプを見ますか?');

比較演算子「===」・・
定数に保存されているデータが、ある特定の値であるかどうかを判断するには、イコール3つを使った条件式を書く
e.g.) if (answer === 'yes') { 

else if・・
if(answer === 'yes' ) { 
処理I....
} else if (answer ==='no' ) { 
処理II....
} else {
処理Ⅲ....
}

Tip・・
”Less-is-More 
デザインはシンプルな方が良い”
1️⃣ 雑音を減らすため
2️⃣ 時間の節約
3️⃣ 普遍性
4️⃣ 壊れにくい
5️⃣ ヒットしやすい

この記事が気に入ったらサポートをしてみませんか?