タグ

レイアウトに関するsinamon129のブックマーク (2)

  • レイアウトと部分テンプレート - 気にすんな

    まずは、アプリ共通デザインのレイアウトから 要するに、ヘッダ/フッタやメニューを作るってことね。 Railsだと、app/views/layouts/application.html.erbに書くのが基だけど、他にも書ける コントローラ単位:app/views/layouts/コントローラ名.html.erb に書く コントローラでlayoutメソッド:コントローラで、layoutメソッドを書く class MyController < ApplicationController layout 'my' end これだと、app/views/layouts/my.html.erb が適用 アクション単位:renderメソッドで、:layoutを指定 def index render :layout => my end これだと、app/views/layouts/my.html.erb

    レイアウトと部分テンプレート - 気にすんな
  • [JS]他のスクリプトで生じる端も埋める、パネルをレンガ状に配置するスクリプト -Mason.js

    画像やテキストなどを配置したパネルをレンガ状に指定した間隔で配置するjQueryのプラグインを紹介します。 Mason.js Mason.js -GitHub Mason.jsの特徴 Mason.jsのデモ Mason.jsの使い方 Mason.jsの特徴 Maison.jsは、複数のパネルを積み上げたレンガ状に配置するレスポンシブ対応のスクリプトです。 他のスクリプト(Masonry, Isotopeなど)グリッドのレイアウトを使う時に生まれる隙間や端にも穴がない状態でレイアウトすることが可能です。 類似スクリプトで生じる隙間も埋めます。 比率 全てのエレメントのベースとなる比率を設定 サイズ グリッドに応じたサイズを設定 カラム 複数のブレイクポイントごとにカラムを設定 フィルター 空白スペースを埋めるための要素を設定 ガター エレメント間の溝を設定 Mason.jsのデモ ページには

  • 1