SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #3 | DevelopersIO
さて本シリーズ第三回です。 前回はhaml、scss、coffeescriptのコンパイルを正規表現で省略したり、hamlのレイアウトを変更する方法を紹介させて頂きました。 今回はコンパイル済みのhtml、css、javascriptをまとめて保存するスクリプトを紹介してみようと思います。 rakeをインストールする rubyでは自動化したいタスクがある場合、rakeというビルドツールを使用します。インストールはGemfileに記述を追加してbundleコマンドを叩くだけです。 Gemfile gem 'rake' # 追加 $ bundle # installは省略できます rakeがインストールできたら試しにHello Worldでもしてみましょう。 プロジェクトのルートディレクトリに Rakefile という名前のファイルを作成し以下のように記述してください。 Rakefile de
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のほうが少し洗練されているよう
Haml parser reference
User guide What is Haml? This is the best Haml definition: Haml takes your gross, ugly templates and replaces them with veritable Haiku. Haml is the next step in generating views in your Rails (also in PHP) application. Haml is a refreshing take that is meant to free us from the shitty templating languages we have gotten used to. Haml is based on one primary principal. Markup should be beautiful.
Haml, Sass, Markdown, and CakePHP - Oh My! | Travis Berry
Published: January 11, 2011 I've recently begun using Haml and Sass instead of good ol' HTML and CSS. If you haven't heard of them, "Haml is a refreshing take that is meant to free us from the shitty templating languages we have gotten used to", and "Sass makes CSS fun again". The conciseness and power of Haml and Sass are what really made me make the switch. There was just one downside, both are
Haml
Beautifully DRY, well-indented, clear markup: templating haiku. Download Haml Latest: 6.3.0 - What's New? .erb <section class="container"> <h1><%= post.title %></h1> <h2><%= post.subtitle %></h2> <div class="content"> <%= post.content %> </div> </section> What is it? Haml (HTML abstraction markup language) is based on one primary principle: markup should be beautiful. It’s not just beauty for beau
Wordless
Wordless is an opinionated WordPress plugin that dramatically speeds up and enhances your custom theme creation. Some of its features are: Features A structured, organized and clean theme organization Bootstrap a new theme directly within wp-cli Write PHP templates with Pug templating system Write CSS stylesheets using the awesome Sass syntax Out-of-the-box support to Stylelint configured for inde
Writing an RSS feed using Sinatra and Haml - gun8
In the Ruby world, Builder is the first gem you hear about when it comes to generating an RSS feed – unfortunately, I couldn’t get it to work. It would generate the feed once, then fail and output an empty document, which Feedburner would then complain about. After removing the RSS link from my site and smashing my head against the keyboard trying to get Builder to work, I decided to go against th
PHAMLP for WordPress
This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description PHAMLP for WordPress enables theme creation using the HAML template system. HAML replaces the tag soup of most HTML/PHP templates with a cleaner, hierarchical markup language. Any pl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How To: Create Haml and Slim Views
GitHub - welaika/wordless: All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Module: Haml::Helpers
rock-n-code/sinatra-pages - GitHub
phamlp - Project Hosting on Google Code