タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSSとlayoutに関するnagayamaのブックマーク (2)

  • The future of layout with CSS: Grid Layouts – Mozilla Hacks - the Web developer blog

    In this article we’ll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see the day in some browsers. But before we dive into what this new CSS technique is all about and how to use it, let’s quickly review grid theory. My really short introduction to grid theory I am not a designer nor did I know much about grid theory befo

    The future of layout with CSS: Grid Layouts – Mozilla Hacks - the Web developer blog
  • ブレークポイント

    このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速! なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している。Mobile Firstで書いているのはパフォーマンス的な問題なので、当はもっと理由駆動でMedia Queriesを書きたい。em単位を使っているためユーザーのズームやフォント設定などは考慮される。だいたい標準は16pxであることは既知だけどそれに依存しないのでマイナーな標準を採用しているブラウザーとか大きめのフォント・サイズを愛用している人のブラウザーとかでもおかしくならない(可能性が高い)。 小さめのスクリーン On small screen グローバルなヘッダーとフッターがセンタリン

    ブレークポイント
  • 1