webフロントやると世界が四角になる

最近Vueメインでwebフロントを触り始めました。最初のうちはhtmlの構造もcssの階層もよくわからずグチャグチャ適当に見えるがままに書いていましたが、だんだんとwebページを構成する四角形をとらえられるようになってきました。 不自然な改行や詰められた行間、一見すると不思議な形でも、そこには必ず四角形があります。 慣れないうちは気になる要素にbackground-colorを設定しましょう。気になる要素全てに色を変えて背景色をつければ、どの要素がどのくらいの大きさでどこに配置されているかがわかります。 慣れてくると背景色がなくてもなんとなく形が分かってきます。不安なときは検証モードで見てみましょう。

四角形が見えれば、あとは適切な大きさにし、適切な配置をするだけです。 まずは大枠の四角形を設定、その後pタグなど細かい要素を設定していくと比較的簡単に作れると思います。

偉大な先人たちは地球が丸いことを証明しました。しかし丸も、大枠は四角なのです。 だから私は、敢えて言いましょう。

「地球は四角い」と。