PCにGoogleFontをインストールする
で好きなフォントを見つけたら
サイト右上のDownload familyボタンをクリック
zip形式でダウンロードされるので
右クリック→全て展開
何種類かのフォントがある場合
ダブルクリックしてみると
フォントの見本が見られる
インストールしたいフォントのファイルの上で
右クリック→インストール
これでWordでも画像編集でも
新しくインストールしたフォントが使えるようになる
自分で作成したWEBサイトでGoogleFontを使いたい場合は
表示したいフォントの右のSelect this styleをクリックし
Use on the web
To embed a font, copy the code into theof your htmlのをオンにして
その下のタグをコピーして
headタグ内にリンクを貼ったのち
CSSを書き加える
Webサイトの作成で
良くお世話になるサイト
色を選ぶときは
Webセーフカラー web216 - Web Safe Colors (colordic.org)
配色パターン見本40選：ベストな色の組み合わせ確認ツール (saruwakakun.com)
SchemeColor.com: Download, create & share beautiful color combinations
Colormind - the AI powered color palette generator
Hex RGB CMYKの相互変換なら↓
【みんなの知識 ちょっと便利帳】16進数カラーコード、CMYK、RGB相互変換 (benricho.org)
とても助かります
W3Cが策定していたHTML5
2021年1月28日付で廃止
WHATWGが策定した
「HTML Living Standard」が新しくHTMLの標準規格となった
WHATWG（ワットウィギー）とは
W3Cが策定したXHTMLや、W3Cがウェブ開発者の要望を軽視していることなどを不満に思った
Apple、Mozilla、Operaの開発者たちによって2004年に結成された[1]。2017年末にはMicrosoftも参加している。(Wikipedia)
今までとの違いは
作業草案→勧告候補→勧告案→勧告で段階を踏んで完成版の仕様を策定してきたW3Cに対して
“HTML Living standard”は日々アップデートされ続ける仕様を目標としている
基本的には大きな差異はなく、W3Cのバージョンという概念から日々アップデートという形になった
エディタにはいろいろあるが
最近のおすすめは
VSCode
Emmetという補完機能が素晴らしい
!を入力してエンターキーを押すだけで
HTMLのひな形を一瞬で作れる
タグ名を途中まで打つと候補が出るので
選んでエンターキーで＜＞を打つ必要がない
適当な属性まで自動で入れてくれる
idは#、classは.
入れ子にする際にはA>B
nav>ul#menu>li*3
綴り間違いの心配が減って
内容に集中できる
最近のエディタは本当に有難い
