Tags: less, less.js, css, css3, preprocessor, pre-processor, popular
![less.js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c1642bd3d2a11e9498edb7b2b08a2495f34b723/height=288;version=1;width=512/https%3A%2F%2Fcdnjs.com%2Fbanner.png)
Giving you the divine power of using golden ratio sized columns with BootstrapGolden Bootstrap is a bunch of less written css rules giving you the divine power of using golden ratio sized columns with Bootstrap. Getting started Include golden-bootstrap.less in bootstrap.less, compile and that's it. // Grid system and page structure ... @import "golden-bootstrap/golden-bootstrap.less"; // Add suppo
そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLやCSS、JavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味(機能)を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ!」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、本当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較
今回は、すでに宣言されている色や数字を計算する方法をご紹介します。 もちろん、頭の中や他のツールを使って計算することもできるのですが、それをLESSで行うメリットがあります。 カラー関数で色の変更に柔軟に対応する CSSにおいて、色の扱いは非常に融通のきかない、厳格なものです。 たとえばデザインをする際、グラフィックソフト上では基準色に対して 「色相を少しずらす」 「明度を少し明るくする」 といった形で色を作ることがあるでしょう。 しかし、最終的にはその色を直接CSSに記述する必要があります。そのため、基準色が変更になれば、それに伴いほかの色もすべて変更する必要がありました。 LESSではそのようなケースに柔軟に対応するために、色を演算する機能があります。それがカラー関数です。 カラー関数では、色の三属性である 明度(hue) 彩度(saturation) 色相(lightness) さら
2012年02月09日 13時58分更新 文●斉藤祐也/<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く