Bootstrap3のNavbarを使うとヘッダー領域が50px確保されます。 しかし、野暮ったい…。どのサイトを見ても、ページロゴとメニューとユーザー管理機能くらしか置いていないんだし、夏のビーチのお姉ちゃんのように、Navbarはキュッと締まっていた方がいいと思うんだ。 気になったので、手短なサイトのヘッダーを調べてみると、やっぱりヘッダーの高さは50pxより低く設定されている。 Hatena Blogのヘッダーは37px JIRA/Bitbucketは40px StackOverflowは32px(これは流石にやりすぎな気がスル) Facebookは42px ちなみに、ヘッダーが50pxより高くされているサイトもある。検索と閲覧が中心で、あまり画面内でコメントを書いたりしないサイトが多いようだ。 Githubは60px Googleも60px RubyGemsは75px 閑話休題。