タグ

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

  • less-css-mode - naoyaのはてなダイアリー

    Pixate もそうですがこのところ LESS で css を書く機会が多いのでさぼっていた emacs での less-css-mode.el を導入。 インストール M-x list-packagesで ELPA から less-css-mode をインストール。less-css-mode は lessc コマンドがあると flymake で syntax check そのほかをしてくれるので % node -g install lessで入れておく。 設定 ;;; init.el (require 'less-css-mode) (setq exec-path (cons (expand-file-name "~/.nodebrew/current/bin") exec-path)) ; (setq less-css-compile-at-save t) ;; flymake (ad

  • Emacsユーザーのための LESS 導入。 - 日々、とんは語る。

    Emacsユーザーが快適に LESS を使えるようになるまでの導入記事です。 LESS とは何か。 LESSとは、CSSメタ言語と呼ばれるもので、LESS の他に Sass(SCSS) と呼ばれるものがあります(SassとSCSSはちょっとだけ文法の違う兄弟みたいなもの)。 LESS と Sass の違い 文法がわりと違います。詳しくははじめてのCSSメタ言語はLessがおすすめ! « NAVER Engineers' Blogあたりを参照。 LESS の導入。 LESS は JS によるクライアントサイド(要するにブラウザ上)の変換(less->css)に対応しているので、てっとり早く試してみるのに向いています。 具体的には style.less ファイルと一緒に、lessサイトからダウンロードできる less.js を読み込むだけで使えます。 <link rel="stylesheet

    Emacsユーザーのための LESS 導入。 - 日々、とんは語る。
  • lessでソースコードに色をつける

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

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