SlimでもSublimeTextのAutoFileNameで画像の幅と高さを自動補完
AutoFileNameとは、SublimeTextのプラグインで、画像のファイル名や幅/高さを自動補完してくれる超便利なやつ。imgタグには幅と高さを常に入れておきたいけど、いちいち入力するのめんどくさいので、重宝している。 最近よくSlimを使うんだけど、SublimeTextのAutoFileNameで画像の幅と高さを自動補完してくれないのが地味に辛かった。ちなみにデフォルトでもファイル名はいい感じに入る。 自動補完いけましたsublimetext3settings/autofilename.sublime-settings at master · antenando/sublimetext3settings 誰か同じこと考えてるだろ、とググったら素晴らしい回答がありました。 設定開くCmd + ,で設定開く。もしくはSettings - Userです。 { "afn_templat
縦棒からの開放 -Slimのsmart text- | e2esound.com業務日誌
前の記事 に続いて Middleman の話ではなく, テンプレートエンジン Slim 単体の話です。 実はインクルード以外にも Plugin が追加されています。スマートテキストです。Slim を使い時に, HTML の通常テキスト部分を表すには | を使わなければならないことがありますが, これを使わずに書けるようになったようです。 またまたとりあえず動かしてみる 前回と同じリポジトリにディレクトリを追加しています。 yterajima/slim-plugin-sample 前回と同じ手順で下準備します。まだ rubygems 版には反映されていないので直接 github のコードを bundler で持ってきてます。 $ git pull git@github.com:yterajima/slim-plugin-sample.git $ bundle install --path v
Middleman + Slimのlink_toヘルパーでブロックとか画像とかを囲む
HTML書いてて以下のようにしたい場合がある。 <a href="hoge.html"> <h2 class="title">タイトル</h2> <img class="thumbnail" src="img/gazou.png" height="100" width="50" alt="タイトル"> </a> Middleman(というかRuby on Rails)にはlink_toというヘルパーっていうのがあって、リンクとか貼ってくれる構文みたいなやつ(曖昧)。link_to、普通に書くと、 == link_to 'タイトル', 'hoge.html' とかになる。「タイトル」という文字列はまぁ普通にいける。じゃあ上のHTMLみたいにh2タグとimgタグはどうやって囲えばいいんだろうとなる。ググったらあった。 Rails3のlink_toヘルパーで、画像と文字列にリンクを貼る - b6
rochas.cc
rochas.cc 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Slimでセレクタを追加するときの書き方、及び Middleman の素晴らしさ。 - 納豆には卵を入れる派です。
よく、要素につけるidやclassを動的にしたい時とかに、Hamlだとこんな感じの書き方をする %li{class: "item #{item.name}"}この書き方がSlimだとダメっぽくてつまずいた。 Slimだとこんな感じの書き方になるらしい li[class="item #{item.name}"]こういうのもいけるっぽい。割と素のHTMLに近い感じで書けるのですね。 li class="item #{item.name}"そして条件つけるとこうなるっぽい li class=(if item.present? ? "#{item.name}" : 'no-item') li class=("#{item.name}" if item.present?)classを複数付け、かつ1つのclassにのみ条件を付加する場合はこのように入れ子にすればよいみたい。 li class="it
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slim/haml support ? Breadcrumbs don't display · Issue #51 · lassebunk/gretel
How do I get my dummy app to use the Engine's template engine?
テンプレートエンジンSlim単体でファイル分割する | e2esound.com業務日誌