タグ

ブックマーク / blog.mach3.jp (4)

  • LESSをJavaScriptで実現する 「LESS.js」 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) この記事の情報は古くなっています。 現在のLessはRubyではなくJavaScriptベースを基として開発されています。 LESS – Leaner CSS LESSというのはCSSをより便利でスマートな記法に拡張する為のRubyプロジェクトですが、 そのJavaScript版が開発されている模様です。 LESSってなぁに LESS – Leaner CSS まずはLESSについて軽くメモ。 LESSはCSSに様々な機能を提供する為のプロジェクトです。 変数を扱ったり、関数のような記述をしたり、プロパティ内で計算したり… さらには、無駄のないように最適化を施してくれます。なんという愛。 Ruby版の詳しい導入方法と記法は別記事を見ていただくとして、これは便利ですね。 重複した記述をしなくて済むようになりますし、 スタイルを一

    LESSをJavaScriptで実現する 「LESS.js」 - Mach3.laBlog
  • 「jquery.tmpl.js」による手軽なJavaScriptテンプレーティング - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) nje’s jquery-tmpl at master – GitHub jQueryのテンプレートプラグインは幾つか公開されていますが、 中でもこれはjQueryに馴染んだ記法になるので、使い易いのではないでしょうか。 というわけで、軽くご紹介。 nje’s jquery-tmpl at master – GitHub ダウンロードはこちらの「DOWNLOAD SOURCE」より。 軽くデモしてみました。 <ul></ul> <script id="template" type="text/html"> <li>{%= name %} : ¥{%= price %}</li> </script> <script type="text/javascript"> var foods = [ { name:"おにぎり", price

    「jquery.tmpl.js」による手軽なJavaScriptテンプレーティング - Mach3.laBlog
  • naveで簡単!node.jsの導入メモ (Ubuntu) - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 「nave」というのはnode.jsを導入するためのシェルスクリプトです。 インストールを簡略化してくれるだけでなく、 複数のバージョンを切り替えて起動する事が出来る優れもの。 今回のお題は、naveでnode.jsを導入する覚書など。 nave.shの導入 isaacs/nave – GitHub 私はノートのUbuntuで導入してみましたよ。 nave.shはGitに乗っかっているのでcloneしてくれば良いです。 導入先は、俺々ルールに則った~/opt/に。 cd ~/opt/ git clone http://github.com/isaacs/nave.git とりあえず最新版のnode.jsを入れてみる cd ~/opt/nave/ ./nave.sh install latest 基的にnave.shに引数を渡し

    naveで簡単!node.jsの導入メモ (Ubuntu) - Mach3.laBlog
    gigs123
    gigs123 2011/04/19
    nave
  • head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: The only script in your HEAD 謳い文句はhead要素に読み込む唯一のスクリプト ダウンロードして読み込むだけ。おしまい。 <script type="text/javascript" src="head.js"></script> その多彩な機能 環境の判別 CSS3のプロパティの対応状況、画面のサイズ、ブラウザなどの情報を Modernizrと同じ手法でHTML要素のクラスに出力してくれます。 こんな感じに… <html lang="ja" id="test-page" class="

    head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog
  • 1