初心者の場合CSSリセットはどうすればいいか？

Question

課題の見本に読み込みが遅いとされる以前のCSSリセットが使われていました。
指示者を通して出題者にCSSリセットが古いということを言えばいいのかと同時に初心者の場合、CSSリセットを出来たものを使うのか、自分で作るのかどうしたらいいか分かりません。
https://kumaweb-d.com/web/reset-css/
そこで課題であらかじめ作っているCSSリセットを課題で使っていいのかも含めて聞こうと思います。
もし、課題であらかじめ作っているCSSリセットが使えないなら自分で作ろうと思うのですが、何から始めていいかよく分かりません。

よろしくお願いします。
リンクのマネをすればいいでしょうか？
初心者向けリセットCSSを自作する手順まとめ

Answer 1

リンク先読みました。
色々突っ込みたい事はありますが、記事の中身はすっぱり忘れてください。

自作のリセットCSSをあれこれ組み合わせて速く作れるようになるわけがないので、
既製品のOSS製のリセットCSS系を上手く操れるように練習してください。
特に他人と協業する時に自作のCSSを自慢げに取り出したら「勉強は家でやれ」と思われます。

また全部のスタイルを殺すリセットCSS系は、
勉強の時はプロパティを覚えるのに有利に動きますが、
業務になると記述量が兎に角増えるんで、大量のコードでCSSファイルが埋まります。
ページ数が増えるにつれ、デザインが華美になるにつれどんどん辛い作業になるでしょう。

従って出来る限りブラウザのデフォルトで統一する目的の
nomalize.cssやsanitize.cssを利用するようにしてください。
デフォルトとは何かに精通するほうがよっぽど有益です。

CSSファイルの記述量云々に関しても寝言です。
例えばnormalize.cssは2.6KBですが、私の超ちっさなアイコン画像は21KBです。
こんな2KBを必死になって削るより、先に削る箇所は山ほどあります。

そしてCSSの適用はブラウザが頑張って最適化しているので、
よっぽど無意味な記述を何万行と書かない限り超絶速く、一瞬で終わります。
一度全ての効果を打ち消して自分好みに書き直すリセットCSSの方が高コストだったりします。

---

課題の見本に読み込みが遅いとされる以前のCSSリセットが使われていました。

いくらなんでもレンダリングに何十秒もかからならないので、今回の課題は素直にそれを使いましょう。
もし先生もそれを使う想定だったら、皆が皆好き勝手なフォーマットで提出してきたら検証時間かかるし採点時間かかっちゃうでしょ？
それにより誤採点があっても責められないと思います。

それに既製品のOSS製品ならば、
多少バージョンが古くてもプロになってからも使えるので及第点はあります。

課題ということで、今回は素直に従いましょう。
そして後で教師役の人にこっそり教えてあげましょう。
因みにそのCSSリセットがNormalize.cssだった場合は先生GJです。

Comments

[miyabi-sun]

個人攻撃みたいになって申し訳なく思いましたが、
会社のブログを見る限り、どうやらSEOを軸としたマーケティングの会社のようです。
各会社のホームページ担当者を煽るのがターゲット購買層なのでしょう。
どうしても企業的なバイアスが掛かる可能性があり、この記事が転がり出て来る結果になったのはある種仕方ない部分があるかと思います。

そして全体的な流れはともかく、細部や結論は人によって違うかと思います。
もし「それは違うよ！」とか「なんか違和感ある」という箇所がありましたら、気軽にコメント欄にぶら下げてください。

Answer 2

「リセットCSSを作る」こと自体が課題である、あるいはリセットCSSが干渉して課題に取り組めない、というのでもない限り、そういうのは後まわしにするものです。課題が終わってから、自分の時間で取り組みましょう。

本来の課題でないところに熱心に取り組んだところで、まったく評価してもらえない可能性もあります。

Comments

[退会済みユーザー]

ありがとうございます。
なるほど、それほど重要ではないということですね。

[maisumakun]

「読み込みが遅い」なんて言っても、リセットCSSの処理時間がクリティカルになるような例はまず考えられません。

チューニングするにしても、他のところのほうが効果が大きいでしょう。