jQuery UI RailsでTwitterBootstrap

jQuery UI BootstrapにGoogle Mapが来た〜gmap3

投稿日:

addyosmani.github.com/jquery-ui-bootstrap/map.html#block-tabs

gmap3.net/

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった 

アコーディオンと組み合わせた例

アコーディオンと連動してマーカーの色が変わる

screenshot

 

タブと組み合わせた例

タブの中に地図が描かれて、指定のアイコンや大きさで描画できる

screenshot

gmap3

gmap3はjQueryからGoogleMapを使えるようにしたプラグイン

もともとかなり高機能

gmap3.net/en/pages/19-demo/

これは右クリックメニューを使って経路検索をしたやつ

本家より便利なんじゃ?

screenshot

-jQuery UI, RailsでTwitterBootstrap
-

執筆者:

関連記事

RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …

Rails3.2.11でTwitterBootstrapのモーダルをフォームに使う例

By: Roberto Caiafa – CC BY 2.0 目次1 はじめに2 index.html.erbのnew_***_pathのremoteオプションをtrueにする3 cont …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD(後編)~fullcalendar-rails

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった

なにかいつの間にかかっこいい感じのサイトになってた addyosmani.github.com/jquery-ui-bootstrap/ jquery-ui-bootstrap.github.io/j …

Rails4とBootstrap3.3まわりのgem~simple_form、sassy-buttons、zurui-sass-rails、font-awesome-rails

By: Sam Howzit – CC BY 2.0 目次1 bootstrap-sass2 4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass3 …