オスカーITアカデミーのランディングページができました。
ランディングページとは、入口となるWebページのことです。
![](https://rie.oscar-dance-academy.com/wp-content/uploads/2021/05/oscar-it-green.jpg)
PCとスマホ、どちらも一つのページで表示するレスポンシブ対応になっていて
細かい作業が多く、時間がかかってしまったけどようやく完成٩( ”ω” )و
開発者ツールの落とし穴
細かい作業はデベロッパーツールという開発者用のツールを使うのですが、
ツールに頼っていると、実際に見たときに表示がおかしかったりします。
![](https://rie.oscar-dance-academy.com/wp-content/uploads/2021/05/dev-tool.jpg)
開発者ツールでは別に気にならなかったのに・・・
↓ ↓ ↓ ↓
![](https://rie.oscar-dance-academy.com/wp-content/uploads/2021/05/sp-anoying-man-1.jpg)
あ!画像が伸びとる笑
すぐに直してサーバーに上げなおしました。
そんな感じですぐ直していく気でupしたので、
何か気づいたことがあったらぜひ、メッセージで教えてください!💦
画像はwebpという軽い形式にしてみた
ちなみにパソコンのIE(インターネットエクスプローラー)で見ている方は、画像やアニメーションが見えないかもしれません。
画像をwebpという軽い形式にしており、IEは対応していないのです。
IEはサービスが終了し、今度さまざまなものが見られなくなってしまうので、
もしまだ使っているよ、という方がいたらgoogle chromeなどのブラウザに変えることをお勧めします。
Chromeダウンロード ← こちらのダウンロードを押すとインストールできますよ~。
コメント