本日の学習内容
- Tailwindcss
- 教材：【tailwindcss】CSSが苦手な人向け じっくり取り組んでみよう【次世代のCSS】【わかりやすさ重視】 | Udemy
- CSSが苦手ということではなく次のプロジェクトでTailwindcssを使うので予習のため
- Bootstrapより細かい調整が効くけど、コンポーネントなどはないみたい。それでもBootstrapよりは使い易そうな印象。
- スニペット作成
- ホバー時にカード等をちょっと拡大する場合に生じる中身のガタツキを防止するヤツ
タグ: CSS
Sassを含む
2023-01-21
本日の学習内容
- 「:target」疑似要素
- 参考記事：:target – CSS: カスケーディングスタイルシート | MDN
2022-11-16
本日の学習内容
- CSS学習
- display: flow-root
- clear:both との違いが良く分かった。次回は overflow: hidden との比較も作成してみる
2022-11-15
本日の学習内容
- CSS学習
- dl要素内のdt要素とdd要素を横並びにする。現在はflexで実現するのが一般的ですね。今回は復習がてら「float」で書いてみました。
2022-11-03
本日の学習内容
- CSS復習・強化
- 教材：CSS for JavaScript Developers
- プロパティ習得
- box-decoration-brea
2022-10-23
本日の学習内容
- CSS強化学習
- CSS Debugging閲読（つづき）
- PugのループでHTMLテーブル出力応用編
- 参考記事：pugで少し複雑なtableを組んでみる
- 実際に作ってみたヤツがこれ↓
2022-10-22
本日の学習内容
- PugのループでテーブルのHTML記述練習
- CSS強化学習
- JavaScript配列復習
2022-10-19
本日の学習内容
- z-index
- 教材：君は真に理解しているか？z-indexとスタッキングコンテキストの関係 – ICS MEDIA
- 何度か読んでいるけど、これは良い記事ですよね。
- 実際に色々試してみて少し理解が深まった
- 教材：君は真に理解しているか？z-indexとスタッキングコンテキストの関係 – ICS MEDIA
2022-10-17
本日の学習内容
- CSS Macho になろう
- 教材：非公開
- ネガティブマージンでコンテナを突き破る例のヤツ { margin: calc（50% – 50vw); } が一筋縄でいかない時の方法
- currentColorキーワード：これ知らんかった！
- font-feature-settingsプロパティ
- これはMDNで調べ直したら、palt が出てこない。調べな直しですね。
- 教材：非公開