Online LESS Compiler This Online LESS Compiler can help you to learn LESS. You can go through the examples below or try your own The examples are based on the official LESS documentation Credits Author: Mark Lagendijk Graphical designer: Elmar Kouwenhoven Used components: LESS.js, the original LESS compiler, by Alexis Sellier Node.js Blog
この記事は賞味期限切れです。(更新から1年が経過しています) 角丸やグラデーションをCSS3で表現しようとする時、 どうしても各々の環境への対応のおかげで長いCSSになってしまいますね。 そんな時便利なのがLESSのMixin機能です。 以前も軽くとりあげたLESSですが、 繰り返し出て来る表現にはMixinを使うと大変楽です。(要するに、関数のようなものです) 何度も同じ記述を繰り返さずに済みますし、汎用性のある物ならば使い回しも容易です。 こんな感じに。 角丸 .roundrect(@r:10px){ -webkit-border-radius:@r; -moz-border-radius:@r; border-radius:@r; } 引数にはborder-radiusのサイズを入れてあげましょう。 使い方 .normalBlock{ width: 320px; height: 24
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く