HTML/CSS、一時、戻ります。
なんだこれは…
「全7？」「3記事」…「3記事」！？なんじゃこれはぁぁぁぁ！！！！！
と、いう事ではっきり言いましょう。今更わかった事実…
Progateの基礎学習終わってなかったーーーーー！！！ガーン！😱
ので、この「3記事」ってのから、まずは攻略していこうと思います！
気を取り直して⭐️
【Visual Studio CordとAtomの違い】
dotinstallとProgateで推奨されるテキストエディタが違うため、その比較。
｟全角半角表示｠
Visual Studio Cord；全角は四角っぽい記号、半角は点と、表示されて分かりやすい。
Atom；全角半角ともに表示なし。
｟書き出し、メモリー機能、候補予測｠
Visual Studio Cord；メモリー機能と候補予測機能あり。
Atom；書き出し時、「!doctype」と始めただけで、<html><body>を表示し、<meta charset><title>まで付けてくれるお人好し！
※【dir="ltr"】説明＝文章方向は”left to right”
｟保存機能｠
Visual Studio Cord；自動保存（初期設定あり）
Atom；自らの手で忘れずに「⌘S」
※未保存の場合は「青丸表示」あり→悪くない親切⭐️けど、結構面倒。
｟記述補助｠
Visual Studio Cord；<h1>と打てば、「<h1></h1>」を記載してくれるお人好し。
Atom；<h1>と打ったら、自らの手で終わりを迎える（「</h1>」を記載）。
※settingで変更箇所が見つけられなかった。そもそも変えられるのか？！
そろそろたるいな…
と思っていたら！ありました、ありましたよ神サイト⭐️
これでかなり快適になりました！サイトウさん、有り難う！！
【Progateの良いところ】
とにかく親切丁寧で分かりやすい！！
「もし、出来ない場合は、ここと、ここと、ここと…間違っている可能性が考えれます。確認してみてくだいね(^_−)−☆」（イメージ含む）なガイドも有り難い！！
基礎を学ぶ上で、出来ない時の解決策・ミスの可能性がある箇所の提示をしてくれるのはかなり神様。位が高い⭐️
※チェックボタンで一回一回「できた！✅」となるのも、地味にテンションが上がります☝️⏫⏫✨
昨日まで、一歩進むために何分もかけて色々なサイトを検索、実戦、検証しては上手くいかずを繰り返していたから…
全部ここに書いてあった感が半端ない(￣◇￣;)否、超有り難くてしみる…
【メモ】
CSS；opacity（透過度）
「border-radius」（角の丸さ）
「実際にWebページを制作したことがある人は、「ここの余白は何pxがいいかな？」と試行錯誤したことがあるかと思います。検証ツールを使うことで、簡単にCSSの値を調整し、適切な値を判断することができます。」→神！Progate、神！！
と、いうことで、
昨日までの状況記録（6/20：朝学習のみ）でした。
今日は学習できるかなぁ…
この記事が気に入ったらサポートをしてみませんか？