タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

scssとcoffeescriptに関するsscrのブックマーク (3)

  • 最新のfrontend技術を使いまくれる静的サイトジェネレータMiddleman

    CoffeeScript を軽く試してみようと思ってあれこれ調べているうちにたどり着いた Middleman というツールを紹介してみる。 Middleman: Hand-crafted frontend development たぶん試したのは 2.0.3 だか 2.0.4 だかその辺。 特徴Sinatra based ( つまり ruby 製 )Sass 自動コンパイルCoffeeScript 自動コンパイル ( Sprockets を使った依存性解決も )Sinatra で使える view の機能 HTML テンプレートは erb, haml, slim, markdown が利用可能YAML で「データ」を持ってこれを view に反映できるlivereload 対応そして、静的サイトとして出力できる。 利用技術CoffeeScriptSassEventMachineThinGua

  • Middlemanを使うことにしました - e2esound.com業務日誌

    仕事の中でHTMLを書く比重が否が応にも増えつつあります。田舎にいるのでそういったお仕事のお話もありますし、WordPress等のCMSへHTMLを組み込む前段階として使う場合もあります。外注さんにお願いする手段もありますがCMSの組み込み辺りを考慮した場合、なんだかんだと自分でやった方が最終的に早いです。 このHTMLの業務量の増大に備えて何かいい方法がないかと探していました。例えばCodeIgniterのView周りをいじって簡単にサイトを組んで出力させるとか、silexやSinatraでテンプレートエンジン使うとか。 そんな時、FacebookでMiddlemanというものがあるのを見て、試して、使って〜設定して今に至ります。どうでもいいところでハマったりしたのでまとめておきます。 yterajima/my_middleman Middlemanとは Middlemanはgemとして

  • yterajima/my_middleman · GitHub

    README.md my_middleman powered by Middleman my_middleman は 静的サイト・ジェネレータ Middleman のテンプレートエンジンを slim に設定したもの です。提携するマークアップエンジニアさんやコーダーさんと同じ環境で作業できるよう に github で管理しています。 メリット html 全体の基構造を Layout として管理できる html の個別の共通部分( ex.nav ) を partial として管理できる slim を使用することで, タイプ数を減らすことができる slim 以外のテンプレートにも対応( ex.haml ) css を scss や sass で記述できる デフォルト設定との違い テンプレートエンジンに slim を設定 layout.slim と index.html.slim を作成 CS

  • 1