タグ

cssとfwに関するkiyo_hikoのブックマーク (2)

  • リッチ系CSSフレームワークGumby を Rails 4 で動かす方法 - Qiita

    レスポンシブな HTML/CSS の組み方を勉強するために、Gumby という CSSフレームワークを使ってみたのですが、 Rails で使っている記事があまり見当たらず、動かすまでに少し戸惑ったので、手順をメモしておきます。 今回は、現行のバージョンである Gumby framework 2 を、Rails 4.1.1 の環境で動かしました。 Gumby framework とは Gumby framework は、いわゆる Twitter Bootstrap と同じような機能を持った、Sass 製のレスポンシブな CSS フレームワークです。 特徴としては、 ・フレキシブルなグリッドレイアウト ・トグル機能で簡単に、交互に表示/非表示の切り替えができる ・表示する画面サイズによって、要素の位置(DOM構造)をシャッフルできる ・表示する画面サイズによって、画像を別々にロードできる ・デ

    リッチ系CSSフレームワークGumby を Rails 4 で動かす方法 - Qiita
    kiyo_hiko
    kiyo_hiko 2015/10/15
    公式見るとIE8も対応してる模様でよさげ
  • CSSフレームワーク『BlueTrip』が想像以上にすごい - present

    CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね! さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c

    CSSフレームワーク『BlueTrip』が想像以上にすごい - present
  • 1