Flexboxを使う時に覚えておきたい！固定幅と可変幅を組み合わせたレイアウトを簡単に実装する方法 | コリス

2019/07/18 66 users Flexbox コリス CSS ナビゲーション レイアウト

幅が決まっている固定要素と幅が決まっていない柔軟な可変要素をうまく組み合わせたレイアウトをFlexboxで実装するCSSのテクニックを紹介します。 画像とテキストを並べたり、ナビゲーションだったり、横に並べた際に高さが異なってしまったり、さまざまなレイアウトを解決するテクニックです。 Making width and flexib... 続きを読む

レスポンシブWebデザインにも使える。Facebookの「LikeButton（いいね！ボタン）」「LikeBox」を可変幅に対応する方法 « 今村だけがよくわかるブログ

2013/11/14 44 users Likebox Facebook Plugins docs

FacebookのLikeButton（いいね！ボタン）と、FacebookページのLikeBoxをウィンドウ幅に合わせて可変する方法です。お客さんのWebサイトで使うことがあったのでメモしました。 表示サンプル こちら（https://developers.facebook.com/docs/plugins/like-button/）からhtml5版で作成します。 html <div class... 続きを読む

サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論 [絵文録ことのは]2006/11/25

2006/11/24 319 users 横幅 結論 本文 統計数値 統計

このブログの本文の横幅は、かなり狭い。それはなぜか。 結論から言えば、「ブラウザで見るときの実際の横幅」と「印刷可能な横幅」の二つの要素が大きな要因となっている。画面そのものはかなり広くても、実際に見るサイズ、そして印刷したときにはみ出ないサイズというのは案外小さい。 このことを実際の統計数値を交えて書いてみたいと思う。 ■画面の広さ 以前の旧デザインでは、横幅を指定せず、可変幅で表示していた。た... 続きを読む