タグ

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

  • はてなにおけるCSSメタ言語(CSSプリプロセッサ)の導入について - Hatena Developer Blog

    こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語(CSSプリプロセッサ)。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs

  • CSSの記述が3倍速くなる「LESS」の使い方 (1/2)

    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

    CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
  • LESS初心者向けのナニカ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 こんにちは『Less & Sass Advent calendar 2011』4日目。Sig.@sigwygがお送りします。「ハードル下げるよ」と言っていたtacamyが文量ある良記事を上げており、高まるハードルに恐々としている今日この頃。皆さん如何お過ごしでしょうか。まあ僕はマイペースで行きます。久しぶりのBlog記事ですしね!(言い訳) さて、小狡く予防線を張ったところでLESS紹介です。LESSはCSSに変数やら関数やらネストやらを実装します。Sassと同じようなCSS拡張とかメタ言語とか言われるモノです。この辺りの解説はdebiruくんの記事が詳しいので割愛。

  • 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限定)
  • LESS: CSSをよりシンプルに、パワフルに | CSS Radar | For Frond End Developers

    CSS Radar For Frond End Developers Recent Articles LESS: CSSをよりシンプルに、パワフルに 03 Apr ワイヤフレーム 01 Apr HTML5 Boilerplate 15 Mar ターミナルを使いこなす 13 Feb Gitでバージョンコントロール 29 Jan Read More If it ain’t broken, don’t fix it. 壊れてないなら、直す必要はない。 CSSは追加してほしい仕様はあるけど、壊れている、とまでは感じない。プログラミングの何たるかをまったく理解していなかった私にも簡単に覚えられた。 SASSやLESSのようなCSSの拡張が完全に悪だとは思わないが、絶対に必要だとも感じない。 でも、知っておくともっとシンプルに、もっとパワフルに、もっと素早くCSSを書くことができる、プラスアルフ

  • TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 申し訳ありませんが、このアプリケーションは更新を停止しています。 代替として、より優秀なWinLessやLess Parserをご利用ください。 以前何度かご紹介したCSS開発ツールのLESSですが、 コマンドを介したり自前で設定しなきゃいけなかったりで少々面倒なので、 LESS.jsをベースにしたフロントエンドをTitaniumデスクトップで作ってみました。 作ってみたもの Lessnium – version 0.9.0 (4.04MB) ※Windows版のみです。 使い方 要するに何をしてくれるのか LESSファイルを登録しておくと、更新を検知して自動的にCSSファイルをコンパイルしてくれます。 /the/path/to/hoge.less と登録しておくと、 /the/path/to/hoge.css を生成します。

    TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた - Mach3.laBlog
    muamqm
    muamqm 2011/10/30
    これはすごい
  • ゼロから導入する、Ruby LESS for Windows ~素晴らしいCSSソリューション - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) この記事の情報は古くなっています。 現在LessはRubyベースではなくJavaScriptベースを基として開発されています。 先日はJavaScript版のLESSを記事で紹介しましたが、 LESSをJavaScriptで実現する 「LESS.js」 やはりRuby版LESSをローカル環境に導入して動かすのがベストだと思うので、 Windows環境での導入方法をメモっておきます。 Rubyの導入 LESSのインストール LESSを試してみる エディタから直接LESSする(Notepad++) DreamweaverからLESSする 1. Rubyの導入 rubyinstallerによるインストール LESSの導入には、Ruby体の他に パッケージマネージャーのRubyGemsも必要になります。 PerlのCPAN、PHP

    ゼロから導入する、Ruby LESS for Windows ~素晴らしいCSSソリューション - Mach3.laBlog
  • 1