Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

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

タグの絞り込みを解除

hamlに関するshuzo_kinoのブックマーク (2)

  • WEBサイトの制作を効率良く行なうためのツール、CodeKitの使い方とおすすめ設定 | non-standard world株式会社

    Web制作を高速化してくれるツールとして、以前このブログでも紹介したCodeKit。 ただ、インストールしてみたものの、いまいち設定や活用方法がわからないという方もいるのではないでしょうか。 というわけで、CodeKitの活用とおすすめの設定内容を書いてみたいと思います。 CodeKitでできること まずは、CodeKitでできることを一通り確認しておきましょう。 CSSメタ言語(Sass、LESS、Stylus)のコンパイル JavaScriptメタ言語(CoffeeScript)のコンパイル HTMLマークアップ言語(Jade、Haml、Slim、Kit Language)のコンパイル JavaScriptのミニファイ、結合、文法チェック ブラウザのオートリロード 画像の軽量化 フレームワークの利用 チームでのプロジェクト共有 インストールしたらまずどうするの? プロジェクトの追加 C

    WEBサイトの制作を効率良く行なうためのツール、CodeKitの使い方とおすすめ設定 | non-standard world株式会社
    shuzo_kino
    shuzo_kino 2013/08/02
    Guardでチマチマ作ろうと思ってたら、こんなのがあった 画像加工までしてくれるらしい
  • [ Middleman で超速プロトタイピング ] #00 Haml 再入門 | DevelopersIO

    Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。実装となるともちろんサーバーサイドは JavaPHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。

  • 1