今さら聞けないHTML　2022年10月21日

「PaceJs」を使用してページローダーを作る

## はじめに
PaceJsを使用してかっこいいローダーを作成したので議事録です。
初めての使用だったこともありメモとして記録しておきます。

## 公式サイト
https://codebyzach.github.io/pace/

## 完成

## pacejsとは
Pace.jsで用意されているプログレスバーは14種類のデザインがあります。
バー、スピーナー、パーセント表示タイプなど様々です。

## Pace.jsの使い方
headタグ内に記述する。
JavaScriptは閉じるbodyタグ直前に書くことが多いですが、Pace.jsは最初に読み込まれるようにheadタグの上部に書くのがベストです。

“`html


```

# 2. Jsファイルを作成し、それをHTMLファイルで読み込み、描画する
続いて作成したいグラフのjsファイルを作成し、それをHTMLファイルで表示できるようにします。今回はfro

模写学習 殴り書き日誌④（Codestep/コーポレートサイト）

コーディング学習サイト[Codestep](https://code-step.com/)を使用した模写学習での気づきを解説仕様でまとめた記事です。

完全に自分の振り返り用なので悪しからず、、、

# 【HTML/CSS コーディング練習】中級編：コーポレートサイト／固定サイドメニュー

※元サイトは[こちら](https://code-step.com/corporate3-menu/)

## 学び①: ２カラム固定サイドバーの作成方法
**＜完成イメージ＞**
画面左にメニューを固定

**＜実装方法＞**
・main要素のmargin（今回はmargin-left）を固定するメニュー分の幅に設定する
・固定するメニュー要素のpositionをfixedに設定し、位置を調整

**＜ソースコード＞**
```index.html