Blog.おにぎりたまごうぃんなー

Suzuki Yuki@s12bt おべんと箱みたいに色々つめこみたい。仕事とかデザインとか料理とか好きなもののことを書きます。

CSS Preprocessor

LessでCSSハックはどのようにコンパイルされるのか

CSSハックをLessの中で書くとどうなるのか気になっていたので実験。 とりあえずIEハックを検証 ネスト構造が崩れてしまうので、セレクターに何かする系は除外 サンプルコード .container { padding: 10px; .h1 { _color: red; // IE6 color: red9; // IE8 *c…

styledoccoで"Error: spawn EMFILE"

styledoccoコマンド打ったら、エラーが出て前に進めなかった。 大量のファイルがあると起こる問題だったっぽい。困ったのでメモ。 エラーメッセージ $ styledocco -n "styleduide" stylesheets/ child_process.js:927 throw errnoException(process._errno, …

BootstrapをBEMに考えてみる

この記事はBEM Advent Calendar 2013の22日目の記事です。こちらの記事を読んで、初めてBEMを知りました。 BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号 ほー。そのうち調べてみよう。と思ってても人間必要に迫られないとやりませ…

GruntをつかってLessファイルをWatchしてコンパイルする(Lessをコマンドラインからコンパイルする2日目)

昨日のつづき Lessをコマンドラインからコンパイルする方法を調べ始めて、基本的なコンパイルはlesscでできたけど、ファイルを監視する機能がないことがわかった。ファイル更新したらコンパイルしてほしい!!! Lessファイルをwatchするには色々あるけれど …

Lessをコマンドラインからコンパイルするときのメモ(キホンのキ)

CSSプリプロセッサが手放せない! 最初はSass+Compassを使ってたけど、Bootstrapを使う機会が増えてきてLessを使うことが多くなった。 Lessをコンパイルする際はLess.appを使ってたけど、MacOS版しかないのでWindows開発環境の人と一緒にやるときにどうしよ…