Challenge!

2017-01-27から1日間の記事一覧

Rails link_to にHTMLタグを含む文字列を挿入する

最近は、CSSのスタイル等が複雑で、link_to で生成される文字の部分にHTMLタグを挿入したい場合がある。 この場合は、link_to のブロック構文というものを使用する <%= link_to index_index_path,target:"_blank" do %> <i class="icon-home"></i>Home</a> <% end %> #index.html <a href="/index/index"> <i class="icon-home"></i>Home </a>

jQueryでajax

jQueryでajax typeを切り替えればGETなども可能 urlを指定して $.ajax({ type: "POST", url: "/hoge/foge", data: {hoge: "hoge", foge: "foge"} dataType: "script" }); ajaxが成功したら次の処理、失敗したら次の処理なども可能。 $.ajax({ オプション }) …

Bootstrapの使い方 | 基本編

Bootstrapとは BootstrapはTwitter社が開発したCSSの「フレームワーク」 Bootstrapを使うメリット 僕が思うBootstrapを使うメリットは、レスポンシブWebデザインに対応しているという点 今回はレスポンシブルを中心に解説 グリッドシステムの使い方 グリッド…

font-awesomeをrailsで使用する

アイコンを簡単に設定 gem:font-awesome-railsを使用 github.com #hoge.slim =fa_icon "camera-retro" iconはここから選べる fontawesome.io

Sketchの使い方

ショートカットをよく忘れてしまうのでメモ ルーラー Cntrl + R グリッド Cntrl + G レイアウトグリッド Cntrl + L レイヤーをロックする Shift + Cmd + L

railsでpartial(パーシャル)を扱う

railsでpartial(パーシャル)を扱う場合 #slimを使用しています #同じディレクトリの場合 = render partial: 'hoge' #別ディレクトリの場合 = render partial: 'foge/hoge'