はじめに エンジニアとして新しいプロダクトに携わる際に一つの障壁となる中にHTMLやCSSの設計がありますよね。 多くのプロダクトに携わって来られた方こそ柔軟に対応しプロダクトに適応していくかもしれないのですが、初めのうちは1つの機能を追加するのにも、どのようにHTMLを設計して、デザインを適応させるためにどのようなCSSを書けば良いのか分からないという人も少なからずいると思います。 そんなデザインに対する苦手意識を抱えているエンジニアの方に対して、意識することで少しだけマークアップに対するハードルが緩和されるようなtipsをまとめました。 CSSやHTMLについて説明するというよりも、その周囲の思想や設計手法に比重を置いて文字と参考リンク多めで説明を書かせていただいています。 普段開発をしている中で以下の様な考えがある方に見ていただけると幸いです。 1つ機能を増やすだけなのにどのような構