web-dev-qa-db-ja.com

LESSをコンパイルするためのオンラインツールはありますか?

[〜#〜] less [〜#〜] をウェブページで使用しようとしていますが、コンパイルに問題があります。 Rubyで動作するように構築されていますが、自分のPCにインストールする権限がありません。この編集のためのオンラインツールはありますか?

lessphp が存在することは知っていますが、彼らのサイトでデモを見つけることができなくなりました。

要約すると、スタイルシートをローカルでテストするためにLESSをコンパイルするための迅速でダーティなソリューションを探しています。理想的には、これはMicrosoft Expression Web 4(dreamsparkのhooray)と統合されますが、「コピー、貼り付け、コンパイル、コピー、貼り付け」のWebインターフェイスで完全に満足します。

そのようなインターフェースは存在しますか?

35
Eric

Lessphpのデモ機能は まだそこにあります です。

28
irishbuzz

私は自分のものを宣伝したくありませんが、それは質問に答え、それはオープンソースです!私はこれを約2週間前に作成しました- オンラインLESSコンバーター

ブログのエントリ: "今すぐLESSコンバーターを試してください!"

GitHubプロジェクト: NathanStrutz/LESS-Converter

22
Nathan Strutz

Less2CSS
http://www.less2css.org
ウェブサイトはオープンソースです: http://github.com/brian-frichette/less-preview

私の同僚と私は同じ機能が必要だったので、このオンラインコンパイラを作成しました。

ハイライト:

  • CSSはリアルタイムで更新され、入力したとおりに完全にクライアント側で更新されます。
  • LESSバージョン(つまり、v1.3.3、v1.3.0など)から選択できます
6
Scott Rippey

win less(windowsの場合) もあります。これは lessphp よりもうまく機能するようです。

2
franka

推奨リストフォーム あまり公式サイトではない

オンラインの少ないコンパイラ

サポートが少ないオンラインWeb IDE /プレイグラウンド

2
Chen-Tsu Lin

Lessphpページに、より大きな構文強調エディタとコンパイラを追加しました: http://leafo.net/lessphp/editor.html

2
leafo

LessTester( http://lesstester.com/ )は、CSSの縮小も行うオンラインLESSコンパイラです。 LESSで開発されたCSSコードをデプロイするのに最適です。

1
Peter

http://codepen.io

cssタブ(中央のタブ)を変更してLESS構文を使用し、次にLESSコードを貼り付け、タブタイトルをクリックして、コンパイルされたcssのプレビューを表示します。

さらに、結果をライブでプレビューしたり、共有したり、github gistsと統合したりするなど、多くの素晴らしい機能を利用できます。

1
Benja

ここに私が最近開発したオンラインコンバータがあります。

ぜひ試してみて、感想をお聞かせください。

http://www.marcdonaldson.com/less-2-css-online-converter/

私のウェブサイトはまだ開発中であり、一度開発すればたくさんの便利なツールが含まれます;).

マルクドナルドソン

1
user1603214

これらは基本的にGUI LESSコンパイラです。 https://github.com/cloudhead/less.js/wiki/GUI-compilers-that-use-LESS.js

私の個人的なお気に入りはクランチです。これはAdobe Air形式です。

0
chanHXC

また、(あった?) http://onless.duostack.net/ もありますが、現在サーバーにはいくつかの問題があるようです...

ただし、ソースコードは次のとおりです。 https://github.com/chendrix/onless.git

0
abernier

http://incident57.com/less/ LESSアプリまたは http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/ LESS .js(Googleからリンクできるため、私の好みですが、ローカルでは実行されません)。

0
Elyse Holladay

Macの場合は、次のように使用します: http://incident57.com/less/

Windowsの場合、次を使用します http://winless.org/

0
agency83