自前で最強のCSS設計()を構築する 今やCSS設計という言葉自体がかなり浸透して、OOCSS・BEM・SMACSSといった設計方法を 実際に使ってる方も多いと思います。 上記のようなCSS構成案を既に取り入れている場合でも、 各設計方法の良いところを取り入れたい 細かいところで融通が利かない もう少しわかりやすく簡潔にしたい なんて感想を持っている方は結構いるんじゃないでしょうか。 これから紹介するものは、著者が実際に使用しているものもありますので、 新しいCSS設計を構築したり、アレンジする際のヒントにしていただければ幸いです。 設計概念について 様々な概念がありますが、ここでは代表的なものを取りあげます。 同じ意味合いを持つ概念でも、CSS構成案ごとに名称が異なっていたりしますので、 名称の違いだけ混同しないように注意が必要です。 ベース ブラウザのスタイリングをリセットしたり、均一
![最強のCSS設計()のヒントになりそうな考え方いろいろ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4aeb872f0898d3905a57d314966d3f1c6a627bcd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JTlDJTgwJUU1JUJDJUI3JUUzJTgxJUFFQ1NTJUU4JUE4JUFEJUU4JUE4JTg4JUVGJUJDJTg4JUVGJUJDJTg5JUUzJTgxJUFFJUUzJTgzJTkyJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThBJUUzJTgxJTlEJUUzJTgxJTg2JUUzJTgxJUFBJUU4JTgwJTgzJUUzJTgxJTg4JUU2JTk2JUI5JUUzJTgxJTg0JUUzJTgyJThEJUUzJTgxJTg0JUUzJTgyJThEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02NTRmODNiZmQ3M2I3MjVjZmFmZDc3ZTk5MDQwMDNmZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYXdhZGF5czAxMTgmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQzODdlNjM4NjI3MzJkNzQwN2FlNDk3MzQyNTg1MzNm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D2a733ccc3969ba4683aeaf7ee42615a4)