タグ

CSSとframeworkに関するf503kkのブックマーク (3)

  • [CSS]用途に合わせて必要な機能を拡張できるCSSのフレームワーク -Cabin

    デモ:テーブル ベーシックなデザインのテーブルのデモ Media Queriesはデモがなく、下記ページより利用できます。 Media Queries -Cabin-Extensions -GitHub [ad#ad-2] Cabin CSS Frameworkの使用方法 Cabinは一つのコアファイルと複数の拡張ファイルが構成されています。 拡張ファイルは必要なもののみ使用します。 <head> <!-- Cabin コアファイル --> <link rel="stylesheet" href="css/cabin.css" /> <!-- Cabin 拡張ファイル --> <link rel="stylesheet" href="css/extension-name.cabin.css" /> </head> Cabin CSS FrameworkのIE6のサポート IE6とそのユーザ

  • 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
  • Blueprint CSS と仲良くなるツールあれこれ

    ごくたまにですが、自分の編講演が始まる前に簡単なツールの紹介をすることがあります。小難しいことを話す前にキャッチーな話題に触れて講演に少しでも注目してもらおうと考え、時間がうまく調整出来たときにしています。昨年9月に開催された CSS Nite LP7 では、Blueprint という CSS フレームワークを紹介しました。 Blueprintは、様々なレイアウトパターンを class 属性を変更するだけで作ることが出来ます。カラムの数、コンテンツエリアの横幅、ボックスの移動、そしてフォームの作成など手軽に操作が可能です。柔軟性に長けているだけあってコードの量やファイルの分け方が独特なので、納品物として出せない場合がありますが、HTMLでプロトタイプを作りたいという方には良いツールです。 CSS フレームワークと呼ばれるツールセットは他にも幾つかありますが、Blueprintは関連ツール

    Blueprint CSS と仲良くなるツールあれこれ
  • 1