Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
1月12日、CSS Nite LP26 CSS Preprocessor Shootoutへ行ってきました。 今回も内容が濃く非常にためになりました。 以下、メモ書きです。 ◇基礎講演:CSSの設計◇ 高津戸壮さん(ピクセルグリッド) 設計について CSSを書いているとごちゃごちゃになるので、 うまいこと設計する必要がある。 ただ、コードを書くだけではちゃんとした設計はできない。 ページ設計の段階から考える必要がある。 ・モジュール名を基準に書く 干渉しないなどのメリット色々 ・モジュール一覧を作る どこだっけと探したり、同じモジュールを二度作ったりすることを防ぐ ・具体的過ぎず抽象的過ぎない命名を ・余白のルールを設ける なるべく単純に ・細かいデザイン 細かい余白の調節と量産効率性を考える。 *オススメ マージン用のモジュールを作る。 デザインを細かく再現する必要
There are a ton of code editor program available, so how do you choose the best? The main criteria is obviously the languages you are using, as you will need an editor that supports these languages. Regardless of whether or not you are going to be building a brand-new website from scratch or utilizing a popular CMS and learning how to create a blog website with WordPress to customize as you go alo
SassやLESSといったCSSを拡張するメタ言語がいろんなブログ記事などで取り上げられ、すでに導入しはじめている人も多いかもしれませんが、まだ導入していない人のために、本記事ではそのメリットを一部紹介します。 SassやLESSはCSSを拡張するためのメタ言語です。メタ言語というと小難しいような気もしますが、かなり大雑把に言ってしまえば、Ruby(Sass)、JavaScript(LESS)によって、CSSをより便利にする技術というところでしょうか。.sass,.scss (Sass)、.less(LESS)という拡張子のファイル上でスタイルを書き、それらをCSSにRuby,JavaScriptでコンパイル(変換)します。 いずれもプログラミング言語の要することで、普段HTML/CSS、JavaScriptはjQueryで、という人には「なんか便利そうだけど難しそう、導入が大変そう」と思
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
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
週刊Webテク通信 2011年12月第2週号1位は、はじめてのCSSメタ言語はLessがおすすめ!、気になるネタは、グーグル、Flipboard対抗アプリ「Currents」を発表 ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年12月5日~12月11日の間に見つけた記事のベスト5です。 1. はじめてのCSSメタ言語はLessがおすすめ! ≪ NAVER Engineers' Bloghttp://tech.naver.jp/blog/?p=951 CSSメタ言語のLessとSassを比較して、Lessの方がシンプルで初めての人には適しているという内容の記事です。CSSメタ言語とはCSSを拡張したもので、色や値の指定に計算式が使えたり、複数個所で同じ記述を使いたい場合は変数のよう
LESSというCSSの記述方法を拡張(変数、ネスト化、Mixinsなど)するRuby製のライブラリを導入してみました。 Codaには「.lessファイルを.cssファイルに変換(コンパイル)するプラグイン」と「less用の構文モード」があるので、簡単にLESS環境を構築することができます。 LESSの環境を構築 RubyとRubyGemsをインストール Ruby製のライブラリなので「Ruby」とRuby用のパッケージマネージャー「RubyGems」が必要ですが、Mac OS Xには標準で入っているようです。 ※私の環境はMac OS X Leopardになります。 LESSをインストール 下記のコマンドを実行し、LESSをインストールします。 私はHomebrewでインストールしてみました。 gem install less ここで302エラーが返ってくる場合は、.bash_profile
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を書くことができる、プラスアルフ
Preboot is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development. What's Inside Here's the rundown of what you can find in Preboot: Mixins Mixins are basically supercharged includes for CSS, allowing you to combine a set of rules into one. They're great for vendor prefixed properties like -webkit-box-shadow, gradi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く