本日の学習内容
- SVGのwidth/heightとviewbox
- パスに沿ったテキスト配置
カテゴリー: Web制作
2023-02-12
本日の学習内容
- Tailwindcss
- 教材：【tailwindcss】CSSが苦手な人向け じっくり取り組んでみよう【次世代のCSS】【わかりやすさ重視】 | Udemy
- CSSが苦手ということではなく次のプロジェクトでTailwindcssを使うので予習のため
- Bootstrapより細かい調整が効くけど、コンポーネントなどはないみたい。それでもBootstrapよりは使い易そうな印象。
- スニペット作成
- ホバー時にカード等をちょっと拡大する場合に生じる中身のガタツキを防止するヤツ
2023-01-21
本日の学習内容
- 「:target」疑似要素
- 参考記事：:target – CSS: カスケーディングスタイルシート | MDN
2022-11-21
本日の学習内容
- JavaScriptでDOMに要素を追加して複数ページに共通パーツを挿入する方法の復習
- 要素の内容を連想配列で用意しておき、forEach内で要素生成、属性付与、テキスト記述、ページのターゲット箇所への要素の挿入を実行。
- 作ってみたけど、挙動に問題あり。（一瞬、CSSの効いてないHTMLが見えてしまう）
2022-11-16
本日の学習内容
- CSS学習
- display: flow-root
- clear:both との違いが良く分かった。次回は overflow: hidden との比較も作成してみる
2022-11-15
本日の学習内容
- CSS学習
- dl要素内のdt要素とdd要素を横並びにする。現在はflexで実現するのが一般的ですね。今回は復習がてら「float」で書いてみました。
2022-11-06
本日の学習内容
- テーブルの復習
- WP復習
2022-11-05
本日の学習内容
- HTMLテーブルの復習
- WPサブループ復習
2022-11-03
本日の学習内容
- CSS復習・強化
- 教材：CSS for JavaScript Developers
- プロパティ習得
- box-decoration-brea