タグ

lessに関するorenonihongogayabaiのブックマーク (3)

  • Sass を今すぐ実務で使おうよ! « NAVER Engineers' Blog

    はじめましての tacamy です。 さて今日は Less & Sass Advent calendar 2011 の 3 日目です。 「Sassかぁ。まーたしかに便利そうだけど、 実務で使えるか分からないし自分には関係ないかな。」 とか思ってませんか・・・!? ぜんぜんそんなことないですよ!( ・`ω・´) その証拠に、NAVER では半年ほど前から、 新規サービスはすべて Sass を使って制作していますが、問題なく使えています。 むしろ効率化できて、CSS を書く工数が減った気もします(個人の感想です)。 小難しいテクニックは、このあとの 22 人が書いてくれると思うので(丸投げ)、 今日の記事では、Sass を実務で使うことに絞って書いてみます。 実務でSassを使うメリットって? 制作の工数が減る CSS3 を使うときのベンダープリフィックスをいちいち自力でつけたり、

  • VimでLessファイルを編集する(シンタックスの追加) - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 個人的な話ではありますが、先日ようやくはじめてのMacを手に入れました。 せっかく Less.app という素敵な物があるので、MacでもLessを使っていこうと思ったのですが、 Lessファイルを編集するのに丁度良いエディタに未だ出会えていないので、 とりあえずMacVimで編集してみようという試み。 ちなみに、Windowsでは Notepad++ が使いやすくて重宝してます。 シンタックスファイルを追加する Vimでは、Sassははじめから使えるのに Lessのシンタックスファイルはありません。 なので、自分で追加してやらないといけません。 PHPでLessする「lessphp」の作者さんが、 オマケ?として公開してくれているので、こちらを使わせて頂くことに。 lessphp – leaner css in php 「Re

    VimでLessファイルを編集する(シンタックスの追加) - Mach3.laBlog
  • lessでソースコードに色をつける

    シェルの操作中「テキストファイルをちょこっと覗きたいな」と思ったときに抜群に便利なlessコマンドであるが、普段綺麗に色付けされたソースコードを見慣れていると、モノクロのソースコードの見づらさに愕然としてしまう。結局lessを終了して他のエディタで開きなおすことになるのだが、lessでソースコードに色付け(シンタックスハイライト)できれば便利なのになーっ!と思ったことはないだろうか。そう、あるんです!lessでシンタックスハイライトする方法はあるんです!というわけで、今日はその方法を紹介しよう。 GNU Source-highlight結論から言うと、今日紹介する方法はGNU Source-highlightを使う。GNU Source-highlightを使えばイッパツだ。なのでまずGNU Source-highlightをインストールしよう。UbuntuやFedoraならリポジトリにあ

    lessでソースコードに色をつける
  • 1