タグ

LESSに関するAkinekoのブックマーク (7)

  • あなたの知らない less の世界 - Qiita

    最近 prezto 入れたんですよ。prezto。そしたらいつものシェル世界が見違えるほど使いやすくなって身長も 3 メートルくらい伸びたんですが、それは余談でして、prezto 入れた後に less 使ってみたら余りの変わりっぷりに驚いたんです。 これを機に man page を読み直してみたら更に驚き。less ってこんなスゴイ物だったのか!みたいな。今回はそんな less の底力を紹介します。 環境変数 $LESS less には様々なオプションがあるのですが、これを予め環境変数 $LESS に設定しておくと、毎度 less ファイル名 と打つだけでそれが有効になります。更に、後述しますが、この設定は less 起動中にオン・オフして切り替えることが可能です。 # 最低限でもこれくらいは設定しておこう export LESS='-i -M -R' # 僕は後述の物を全部付けてます(-

    あなたの知らない less の世界 - Qiita
    Akineko
    Akineko 2016/11/07
  • Fez

    overview Fez is an über fast, highly configurable, extremely powerful, and somewhat weird general purpose build tool written in JavaScript. Build specs are created with a simple JavaScript-based DSL. The set of rules defined in the spec is used to construct a build graph which is efficiently traversable, enabling Fez to do only the work which needs to be done, and to do work in parallel when it ca

    Akineko
    Akineko 2014/03/04
  • 昨今のWebアプリケーションのひな形その2 - Grunt - naoyaのはてなダイアリー

    昨日の続き。 こういうアプリケーションのテンプレートを管理するのに便利な仕組みはないですかねーと言っていたら @teppeis さんや @omo2009 さんに Grunt や Yeoman はどうかと教えてもらった。 Grunt はユースケースとしては JavaScript の連結や圧縮、SCSS/LESS なんかのメタ言語のコンパイルをするときに使うもの、つまり rake なんかと同じようなものと以前にチラ見した程度で知った気になっていたけども、ちょっと違っていた。Grunt は確かにタスクランナーではあるのだが、Node.js で実装している利点を十分に活かして、任意のファイルが更新されたのをトリガに一連のタスクを実行させたり、Grunt で Webサーバーを立ち上げて他のタスクと連携させたりといったことができるようになっている。プラグインの仕組みがあって、エコシステム的に結構活発に

    昨今のWebアプリケーションのひな形その2 - Grunt - naoyaのはてなダイアリー
  • 巳年なのでPythonでLESSの自動コンパイルしてみた - 八発白中

    これは普通の日記です。 今年は巳年なのでPythonを始めました。 全てのwebエンジニアPythonを勉強するべき2013年到来 別にこの記事に影響されるほど繊細でもないのですが、Perl仕事でいくらでも書けるし、Rubyはあんまり好きじゃないので、Pythonやってみるかーという軽い気持ちです。 ただ、Pythonはなかなか良いのが見つからなくて、最初は初めてのPythonを読もうと思ったのだけど、読み終えるのに一年くらいかかりそうだったからやめました。 Pythonクックブックにも一度手をつけたけど結局読まず、最終的に読み進めたのはDive Into Pythonだけでした。無料で読めるし、とりあえず完成したPythonコードを突き出して (Diveして)、順に説明するという方式で、他の入門書より速く学べる。実際、文法を多少知らなくてもDiveしたPythonコードは雰囲気で

  • LESS.appで最小化されたmin.cssも同時に作る方法

    あこがれのmin.css なんだか,CSSがきちんとminifyされてるって,転送量に優しくってステキ!って感じがしますよね.でも,実際にminifyされる前と後の両方のファイルを更新管理するのは大変です. そこで,前回 ( Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定) ) 紹介したLESS.appを使って,簡単にcssとmin.cssを同時に作成する方法です. エイリアスファイルを作って,style.min.lessとする たとえば,style.lessのエイリアスとしてstyle.min.lessを作成して,LESS.appに登録します. ※キャプチャにはすでにstyle.min.cssがいますが,気にしないで下さい(汗 min.lessにMinifyのチェックを付ける style.min.lessだけ,右側のMinifyをチェックします. これだけ

    Akineko
    Akineko 2013/01/15
  • 新世代Web構築には必須になりそうな『CodeKit』

    最近、Web業界ではCSSコーディングにおける「Less」「Sass」など、来のCSSの記述では同じような記述が続いてしまうような箇所を、構造化して後からコンパイルなどをしてCSSを組み立てるという、いわゆる「CSS拡張メタ言語」が一般化してきている。 さらに、JavaScriptの世界では、「Node.js」などによってサーバーサイドでもJavaScriptが利用できるようになり、JavaScriptをすっきりと書ける「CoffeeScript」なる言語も登場してきている。 これらのいわゆる「新世代」のWeb技術では、コンパイラをそろえたり、各種ツール類にプラグインを入れるなど、環境を整備しなければならないが、その決定打となるソフトが『CodeKit』だ。(Macのみ) このソフト、Less、SassとStylus、およびCoffeeScriptに対応していて、各種コンパイルをになって

  • Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)

    LESSとSassを比較していました LESS « The Dynamic Stylesheet language Sass - Syntactically Awesome Stylesheets ここ半年ぐらいの間に,名前を聞くようになったSassと,それに影響されて作られた後発のLESSを比較検討したところ,以下のような理由からLESSを使うことにしました. 今回は,自分の作業の効率化はもちろん,将来的にチームでシェアできる技術になり得るか,という観点から選択しています. LESSを選ぶ理由 LESS.appというGUIツールが存在する node.jsで動くWebフレームワークExpressがLESSに標準対応している(らしい) 文法がSassより素直&シンプルで慣れてもらいやすそう この中でも,LESS.appの存在が一番の決め手となって,マイナーなはずのLESSに軍配が上がってしま

    Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)
  • 1