タグ

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

  • 関連タグはありません

タグの絞り込みを解除

css3とCSS3とlayoutに関するnibushibuのブックマーク (3)

  • CSS Flexible Box (Flexbox) を使ってみよう - 最新仕様対応版 | WWW WATCH

    スクリーンサイズや可変するウィンドウサイズなどに柔軟に対応するレイアウトが可能な CSS Flexible Box について、最新の W3C 仕様に基づいた解説をサンプルソースを使いながらやってみます。 CSS3 のモジュールとして策定されている CSS Flexible Box (CSS3 Flexbox) は、CSS によるレイアウトを実現するための仕組み。 レイアウトのための CSS プロパティは他にもありますが、CSS Flexible Box は特にスクリーンサイズや可変するウィンドウサイズなどに柔軟に対応した、その名の通りフレキシブルなレイアウトが可能です。 現在最新の仕様書は下記。2012年 9月 18日付けで勧告候補になっています。 CSS Flexible Box Layout Module - W3C Candidate Recommendation, 18 Septe

    CSS Flexible Box (Flexbox) を使ってみよう - 最新仕様対応版 | WWW WATCH
  • The 1140px CSS Grid System - Fluid down to mobil

    A 1140px wide, 12 column grid. Fluid all the way down to a mobile version. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense. Scrap 1024! Des

    The 1140px CSS Grid System - Fluid down to mobil
  • CSS 3 の段組みとその使いどころ

    こんにちは!最近、iPod Touch を入手するも、なかなか遊べてない(hack できてない?)ゆうです。 さて、WithD をご覧になられる方には、DTP を兼務(もしくは専業と)されている方も少なくないはず!と…そこで、今月は CSS で段組みを行うために策定中の規格について取り上げてみることにしました。 DTP専用アプリケーションや TeX(組版マークアップ言語処理系。テフ、テック、テッヒなどと読みます)などに比べればまだまだ劣るとはいえ、CSS でも着々と DTP 的なスタイルが扱えるようになりつつあります。 今回紹介する段組の規格(例によって草稿段階)を、先月紹介した Web Fonts Module(Web Fonts、CSS 3までの流れと適用方法) と併用すると、かなり紙媒体書籍の版面イメージに近づけることが実感していただけるかと思います。 CSS 3 Multi-col

  • 1