大きさ配置をレイアウト部分を機能として透明な箱で構築。それ以外は別セレクタ。見た目の修正時に配置崩れが起きなくなり、機能追加・削除があったときも、積み木を足し引きするだけでOK。

Hi32 のブックマーク 2015/09/24 21:12

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/266017948/comment/Hi32" data-user-id="Hi32" data-entry-url="https://b.hatena.ne.jp/entry/s/techblog.recruit.co.jp/article-396/" data-original-href="https://techblog.recruit.co.jp/article-396/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.recruit.co.jp%2Farticle-396%2F" data-user-icon="/users/Hi32/profile.png">デザイナー・バックエンドの方もすぐに実践出来る！フロントエンド設計(CSS設計)のコツ | Recruit Tech Blog</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/-%E7%AE%A1%E7%90%86%E4%BA%BA">-管理人</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%8F%E3%81%96%E3%83%BB%E6%89%8B%E6%B3%95">わざ・手法</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF">サイトチェック</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%B3%E3%82%B9">メンテナンス</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%AC%E3%82%AF%E3%83%81%E3%83%A3%E3%83%BC">レクチャー</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E8%87%AA%E5%8A%9B%E4%BD%9C%E3%82%8B">自力作る</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E8%A8%AD%E5%AE%9A">設定</a>]</li></ul><br><p style="clear: left">大きさ配置をレイアウト部分を機能として透明な箱で構築。それ以外は別セレクタ。見た目の修正時に配置崩れが起きなくなり、機能追加・削除があったときも、積み木を足し引きするだけでOK。</p><a class="datetime" href="https://b.hatena.ne.jp/Hi32/20150924#bookmark-266017948"><span class="datetime-body">2015/09/24 21:12</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！