Jekyll で HAML - SASS 環境を構築 - Sukoshi. Fuzoroi
じわじわ人気がでてきている静的サイト&ブログのファイルジェネレーターの jekyll ですが、今回 HAMLとSASSのコンパイルをできるように環境構築してみました。 jekyll インストール まずは jekyll を運用したいディレクトリを作成 $ mkdir jekyll_site $ cd jekyll_site 今回は Bundler で gem を管理したいので Gemfile を書きます。 （Bundler の事前インストールが必要です。） $ vi Gemfile source 'https://rubygems.org' gem 'jekyll' gem 'jekyll-sass' gem 'jekyll-haml' そして Bundler でインストールを実行。 $ bundle install Using fast-stemmer (1.0.2) Using clas
Jekyll, Haml, Sass and GitHub Pages - WinstonYW
24 FEBRUARY 2013 A recap of how I got this Jekyll blog ready.. To start, create a basic Jekyll directory following the instructions on Jekyll's Wiki. By default, Jekyll only works with HTML and CSS.. To use Jekyll with Haml and Sass, markup converters have to be added. However, by design, Jekyll doesn't evaluate layouts through any Haml converter. Therefore the converter will only work for index.h
ほんとに無料？なくらい高機能なGUIコンパイラーPrepros【Win･Mac】
タイトルとおりほんとに無料すか？っていうくらい高機能なGUIコンパイラーがPreprosがリリースされました。 CSS HappyLife大明神様よりとても詳しく丁寧に解説してくれるだろうとのフリをうけ筆を走らせている次第でございます。 追記:現在は無料版はなく有料版のみっぽいです (2015.04.05) Preprocessing just got easier with Prepros Prepros 現在バージョンは1.7。Windows版のみリリースされています。 追記:バージョン2.2でMac版も出ました (2013.07.11) Codekitのような高機能GUIコンパイラーがWindowsにもいよいよ登場ですね。 すでに海外の記事では「WindowsのCodekitだぜ！」みたいなことが言われてるとかいないとか。 Preprosの主な機能 Preprosの主な機能として ブ
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
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから
Express のテンプレートエンジンとして haml + CoffeeScript を使う - tricknotesのぼうけんのしょ
Express の標準テンプレートエンジンは jade ですが、あの html の閉じタグを毎回書くのがぼくは好きになれません。 そこで、 haml をテンプレートエンジンとして利用するようにしてみようと思います。 これについては Express のガイドページにもやり方が書いてあります。 http://expressjs.com/guide.html まず、 hamljs をインストールします。 $ npm install hamljs そして Express を使うときに設定を行います。 # app.coffee app = require('express').createServer() app.register '.haml', require('hamljs') 閉じタグを書かなくてすむのはとてもすばらしいですね！ さて、これで haml を利用できるようになったわけですが、テ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Your Friendly Web Development Companion
HAML with YAML