[B! framework] ddt2000のブックマーク

[CSS]一つの要素にデスクトップ、タブレット横・縦、スマホ横・縦用の各レイアウトを実装できる簡単便利なスタイルシート -flexible.gs

一つの要素に、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種類用のclassを定義し、レスポンシブ対応のフレキシブルなレイアウトを実装できるスタイルシートを紹介します。 flexible.gs flexible.gs -GitHub flexible.gsのデモ flexible.gsの使い方 flexible.gsのデモ対応ブラウザは、デスクトップがChrome, Safari, Opera, Firefox, IEは7+対応で、モバイルもiOS Safari, Opera Mini, Android Browser, Opera Mobile, Chrome for Android, Firefox for Android, IE Mobileと現在主流のブラウザに対応しています。デフォルトでは、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種

ddt2000 2014/10/22

リンク

Bootstrapはもう古い!?Gumbyフレームワークが便利 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。特徴１：柔軟なグリッド

ddt2000 2013/10/30

リンク

レスポンシブWebデザインで組む際のベースにぜひ！·GroundworkCSS MOONGIFT

GroundworkCSSは多様なガジェットがサポートされたレスポンシブWebデザインのフレームワークです。レスポンシブWebデザインがもてはやされていますが、テクニックはなかなか一般化しづらいものがあります。そこでフレームワークをベースにしてみるのはいかがでしょう。今回紹介するのはGroundworkCSSです。スライダーやタブメニューなど様々なウィジェットが提供されています。タブレット版。スマートフォン向け。横向き表示もサポート。サイドメニューを使った表示。幅が狭くなるとメニューは縦に並びます。ボタン、タイポグラフィ。フォーム。アラートやナビゲーション。テーブル。ソーシャルアイコンも多数用意されています。サイズも様々。使い分けが可能です。たくさんのアイコンも用意されています。モーダルウィンドウ。幅が狭い場合のボタン。タブの端がちょっと気になるかも…。ス