Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基本的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ
Bootstrapはもう古い!?Gumbyフレームワークが便利 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴１：柔軟なグリッド
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework
UIキット PSD ガイドが引かれたモバイル用とPCサイト用のPSDも同梱されています。 その他その他、404用ページ、robots.txt、スマフォ用アイコン、humans.txtなども同梱。HTML5+CSS3で、modernizr.jsを使用、IE7などにも対応しています。 目的別でDL可能 12カラムで良い、とかなら余計なファイルを含まないDLファイルもあります。 で、肝心のライセンスですが、MITのようですのでかなり自由に使えますね。ここまで太っ腹なのも珍しい気がします。使いこなしたいところ。ご利用は以下よりどうぞ。 Gumby Framework
Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング | Agnist.code
昨今注目度も高まっているSassを、最も簡単に使えるコンパイラ「Prepros」と、個人的に最近お気に入りのCSSフレームワーク「Gumby」を広めたくて書きます。 SassやCSSフレームワークとか、ちょっと二の足踏んじゃうな…みたいなノンプログラマーなフロントデザイナーの方ほどオススメです。 PreprosのインストールPreprosをダウンロードしてインストールしたら、準備はそれで完了です。 ここはさすがに説明不要で終わると思います。 GumbyのダウンロードGumbyトップページから落としてください。 カスタマイズダウンロードもできるので、多少変更しておきたい場合はここからダウンロードするのも良いです。ちなみにこれらのカスタマイズ項目は、Sassを使えば後から簡単に一括変更できます。 ダウンロードしたファイルを適当な場所に解凍してください。 解凍してできたフォルダを以後プロジェクト
GitHub - GumbyFramework/Gumby: A Flexible, Responsive CSS Framework - Powered by Sass
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Bootstrap系のCSSフレームワークを使いたくていくつか調べてみました。 比較表 Bootstrap 3.2.0 Foundation 5 INK 3.1.0 Gumby 2.6
レスポンシブな HTML/CSS の組み方を勉強するために、Gumby という CSSフレームワークを使ってみたのですが、 Rails で使っている記事があまり見当たらず、動かすまでに少し戸惑ったので、手順をメモしておきます。 今回は、現行のバージョンである Gumby framework 2 を、Rails 4.1.1 の環境で動かしました。 Gumby framework とは Gumby framework は、いわゆる Twitter Bootstrap と同じような機能を持った、Sass 製のレスポンシブな CSS フレームワークです。 特徴としては、 ・フレキシブルなグリッドレイアウト ・トグル機能で簡単に、交互に表示/非表示の切り替えができる ・表示する画面サイズによって、要素の位置（DOM構造）をシャッフルできる ・表示する画面サイズによって、画像を別々にロードできる ・デ
Gumby
The Web-based Python Editor and Snippet Sharername = raw_input("What is your name? ") print "Hello %s :)" % name About Gumby Gumby is a way to quickly test and share short Python snippets on the web. It is based on a conglomerate of JavaScript technologies including Emscripten (a llvm JS compiler) and ACE (a web code editor). Gumby has a few simple aims: Allow restricted devices to perform simple
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Newer Older GumbyフレームワークのSassコンパイルに一番お薦めのGUIは「SCOUT」です。 SCOUT http://mhs.github.com/scout-app/ Windows用で有名なSassコンパイラとしてはKoalaやPreprosがあるのですが この二つはGambyのSassをコンパイルしようとするとエラーが発生してコンパイルできません。 config.rbをうまく設定すると使えるらしい？ のですが、私はいくらやってもエラーが出てコンパイルできませんでした。 SASSがコンパイルできなくGumbyを使うのをあきらめようと思っていた時に見つけたのが「SCOUT」でした。 Gumby公式サイトに書いてあるのをもっと早く見ればよかったです。 GUIs There are several GUIs out there that take the fear/mys
※本ページはプロモーションが含まれています 作成:2014/02/27 WordPressのテーマを自作するにあたって、勉強がてらCSSフレームワークを使おうと考え、良いフレームワークが無いかと探していると「カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG」という記事を発見。 この記事と記事の最後に紹介されている「CSSの常識が変わる！「Compass」、基礎から応用まで！ | 株式会社LIG」を読み、Sassを使えばとても便利にCSSを書けることを知りました。 変数を使えたり、入れ子状に記述できたり、mixinというよく使うコードをまとめておいて一発で呼び出せる機能がとても気に入り、導入を決意。 Sassを使ったフレームワークもたくさんあり、各フレームワークの情報も少なく、どれを使うかかなり迷いましたが、ドキュメントが英語ですが、読みやすかった「G
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap, Foundation, INK, Gumbyの比較 - Qiita
リッチ系CSSフレームワークGumby を Rails 4 で動かす方法 - Qiita
ilove-gumby.com - このウェブサイトは販売用です！ - ilove gumby リソースおよび情報
Gumbyフレームワーク SassコンパイルにおすすめのGUI 「SCOUT」
WordPressのテーマ作成に Sass + compass + Gumby を使うための設定 | 経験知