Open4
CSS 100Days
CSSの基礎が無さすぎるので下記のサイトをやっていきます。
1日1問写経してGitHubにpushします。
リポジトリ
Day 1完走。
ほぼ理解出来ないままとりあえず写経した。
感想
- display: blockとdisplay: inlineの違い
- box-shadowの指定順序
- transformプロパティってよく見るけどそもそも何?
- backgroundプロパティって重ね掛け出来るのかい!
Day2 完走。
ほぼ理解出来ないままとりあえず写経した。
感想
- Sass(Scss)は直接HTMLで読み込めないのでVS Codeのlive sass compilerという拡張機能で変換して読み込んだ
- jQueryが必要だったので
https://100dayscss.com/codepen/js/jquery.min.js
をヘッダで読み込んだけど普段しない作業だったので新鮮だった - Sassでは$で変数を定義できる
- アニメーションは@keyframeを使うっぽい
- 要勉強
- opacityって透過度のプロパティだっけ?
Day3 完走。
ほぼ理解出来ないままとりあえず写経した。
感想
- JavaScript(jQuery)は出てこず、CSSに注力するだけで良かったので安心した
- アニメーションをゴリゴリ実装するタイプの課題だった
- @keyframeプロパティとanimationプロパティについて調べる