Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴１：柔軟なグリッド
Twitter Bootstrap 2.1でAffixを使うと、Affixを適用した要素の大きさ（幅）が無視されてしまうアナタへ。 以下の例のように、Affixを適用した要素に兄弟となる要素（同じ親を持つ要素）が存在しないとそうなっちゃうようです。 <div class="span6"> <sidebar data-spy="affix">...</sidebar> </div> を入れておけば一応回避できます。 <div class="span6"> <sidebar data-spy="affix">...</sidebar> </div> しかし、これではあまりにダサいので、Bootstrapのサイトのサンプルに適用されているCSSを覗いてみたところ、 /* prevent column from collapsing when affixing */ .s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
