![見出し画像](https://assets.st-note.com/production/uploads/images/50200773/rectangle_large_type_2_afb80debaaa74a1acc0d84417db83456.jpeg?width=1200)
Photo by
gyopimai
少しの変化、大きな労力
今日も引き続き課題の修正。
4時間の課題に20時間かかるんじゃないかってぐらい時間使ってます汗。
もうこうなったら今更ですが早く仕上げるのは諦めて、細かいところも勝手に追加していくことに。
指定はなかったのですが、リンクにマウスを乗せた時にわかりやすいように変化がつくようcssを追加。
ただ、課題が色々なタグやプロパティを使うようになっているので、リストタグの最後だけデザインが違うようになってたり、擬似要素を使って矢印を作ったりするので、a:hoverでリンク全部に同じデザインを追加するだけではおかしくなってしまう。
リストタグは最後だけデザインが違うので、最後だけそれ用のhoverデザインを指定したり、擬似要素の矢印は黒いひし形に白いひし形を重ねて矢印を作ってるので、黒いひし形、白いひし形それぞれにhoverデザインを追加したりと、地味に手間がかかります。
でも、出来上がったものを見てみるとやっぱり格段にわかりやすい。
自分の技術、知識がひよっこを通り越してど底辺なので、ちょっとした変化をつけるのにめちゃくちゃ時間がかかる。
小さい変化に大きな労力を使うので、実装する時はためらいそうになるけど、出来上がったものをみるとやっぱりこういうことがめちゃくちゃ大事なんだなぁ〜と感じる。
もっと理解して、素早くコードを描けるようになって使いやすいサイトを作れるようになろうと思いました。
この記事が気に入ったらサポートをしてみませんか?