タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとlessに関するmarukoro3150のブックマーク (2)

  • 「LESS&専用エディター」でCSSをシンプルに書こう

    「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう 連載の3回目の今回は、ライブラリ初心者へ向けて、やさしい内容で書いています。そのため、内容は簡単でシンプルです。ぜひ、一度試してほしい! 変数などのプログラミングの基礎的な考え方もCSSで学べるので、やってみてくださいね(一部サンプルコードはLESS公式サイトのコードを参考に使用しています)。 LESSとは LESSの特徴 LESSを使う準備 LESSを使ってみよう 「CSS」ファイルに変換するアプリ LESSを使ってみて…… 1.LESSとは LESSは英語で「少なく」といった意味です。CSSをシンプル(少なく)に効率よく書くためのもので、CSS拡張メタ言語の1つです。 では、CSS拡張メタ言語では何ができるのでしょうか? 変数 ミックスイン 入れ子ルール

    「LESS&専用エディター」でCSSをシンプルに書こう
  • CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞

    CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために

  • 1