タグ

sassとrailsに関するkatttonのブックマーク (6)

  • Haml-4.0を使うときの6つの注意点 - 黒魔法使いの弟子

    閉じタグに嫌悪感を抱く全国519万人のHamlファンの皆さんこんにちは。(ruby-toolbox調べ) bundle updateしたらHamlが4.0になったそうです。同時に、いろんな機能追加が行われたとのこと。 「一部のアプリは動かなくなるかもしれんよ」とあったので、ここに書き写しておく。 1 2 3 4 5 6 7 8 9 10 11 12 13 HEADS UP! Haml 4.0 has many improvements, but also has changes that may break your application: * Support for Ruby 1.8.6 dropped * Support for Rails 2 dropped * Sass filter now always outputs <style> tags * Data attribute

    kattton
    kattton 2013/02/15
    書いたー
  • SlimかHamlか、Rails Rumbleで使われたGem

    Slim Railsのテンプレートでは、ERBにするかHamlにするかという選択になるのが一般的ですが、比較的新しいSlimという、Hamlに似た優れたテンプレートがあります。 まだまだ十分に知られていないようなので、もっと普及させるべく、紹介したいと思います。 まずは見てみましょう。Slimはこんな感じ。 http://slim-lang.com/ Hamlはこんな感じになります。 http://haml.ursm.jp/ 一見してわかるように、SlimはHamlによく似た、インデントによってHTML構造を表すテンプレート言語です。 一番の違いはタグに%(パーセント)がつかないこと。 行の先頭はタグの扱われるため、%をつける必要がありません。 その代わり、先頭にテキストを書く場合は |(パイプ)が必要です。 細かい文法の違いがあり、後発であることからSlimのほうが少し洗練されているよう

  • Rails3.1でscssではなくsassを使う - Hello, world! - s21g

    SCSSよりSASSが好きです。 時々SCSSのことをSASSと呼んでるものがあって紛らわしいですね。 Rails 3.1では config/application.rb に

    kattton
    kattton 2011/12/28
    やっぱりscssよりsassですよね。scssは潔くない!
  • Sass 2.2.0 の Changelog を日本語に訳してみた - すがブロ

    間違ってたらごめんなさい>< Sass 2.2.0 が出た事ですし、変更点が File: SASS_CHANGELOG に記載されていますから、そこを翻訳してみようと思います。 違っている部分等がありましたら、ご指摘お願いします。英語は苦手なので Excite翻訳だよりです>< 2.2.0 Sass 2.2.0 は意義のある発展を遂げた。焦点として、新しい抽象化機構及び import や download により高いメンテナンス性を発揮できるでしょう。 Must Read!(とりあえず読め!) Sass コメント Sass のみのコメント文*1 は、単に先頭の / 以降を読み飛ばしていただけである。この仕様 2.0.10 で廃止され、 2.2.0 より開始されることとなっている。また、 Sass コメントはコメント行以降でインデントされている場合、それらもコメントと認識する事でしょう。 こ

    Sass 2.2.0 の Changelog を日本語に訳してみた - すがブロ
  • はてなブログ | 無料ブログを作成しよう

    織田信長 ぼちぼち、元気にやっています。少し薬にも慣れた...んかなぁ。相変わらずべられないけど。朝、指がこわばって文字なんて入力できなかったけど、それはほぼなくなった。関節もどこも痛くない。薬効いてきたんやろな。 で、ブログを書こうと言う気がまた起きてきた。 …

    はてなブログ | 無料ブログを作成しよう
  • Sass のトップページを日本語でわかるようにしてみた - すがブロ

    sass の公式ページ Sass - Syntactically Awesome Stylesheets 後半は特にトップページに記載されていないのですが、勢いで書きました。疲れました。 Sass Sass を使う事で再び CSS の虜になれるぜ。Sass は CSS にネスト、変数、 Mixin 等を加えたものさ。 Beauty(かっこいい) Sass を使う事で {} や セミコロンからおさらばできるぜ。 たとえば、こんな CSS の場合 h1 { height: 118px; margin-top: 1em; } .tagline { font-size: 26px; text-align: right; } こんな風に書けるのさ(cooooool!!) (追記)ちなみに、2スペースのインデントが重要なので Python だと思って書くと良いでしょう。 h1 height: 118p

    Sass のトップページを日本語でわかるようにしてみた - すがブロ
    kattton
    kattton 2009/07/13
    ずいぶん自分にホットな話題。
  • 1