たった3行から!サイドバーを圧倒的に見やすくする「半固定化CSS」3つ【追記あり】 2014.10.30 2018.08.01 レスポンシブWebデザイン いつの間にか開発に異動した岡本です。 今回はレスポンシブサイトでやらかしてしまいがちな「残念なサイドバー」と、CSS3行だけでできる対応法について紹介したいと思います。 レスポンシブサイトで起こりがちな「残念なサイドバー」 まずはこの画像をご覧ください。 バナーは小さすぎて文言が読めず、カテゴリなどのテキストは不自然な改行をしている。 こんなちょっと「残念なサイドバー」を持つサイトを見たことはありませんでしょうか? レスポンシブデザインのサイトでは、ブラウザサイズによってこのように「残念なサイドバー」が発生することがままあります。 帯に短し襷に長し、肥大化するサイドバー用CSS 多くの場合、「残念なサイドバー」が登場する原因は「小さいサ
![たった3行から!サイドバーを圧倒的に見やすくする「半固定化CSS」3つ【追記あり】 - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/23f044e5c654d5f5d37b7f0053c2ac8f25d85649/height=288;version=1;width=512/https%3A%2F%2Fwww.aiship.jp%2Fknowhow%2Fwp-content%2Fuploads%2F2014%2F10%2Fsidebord.jpg)