[B! TIPS][Sass] clavierのブックマーク

GruntをつかってLessファイルをWatchしてコンパイルする(Lessをコマンドラインからコンパイルする2日目) - Blog.おにぎりたまごうぃんなー

昨日のつづき Lessをコマンドラインからコンパイルする方法を調べ始めて、基本的なコンパイルはlesscでできたけど、ファイルを監視する機能がないことがわかった。ファイル更新したらコンパイルしてほしい！！！ Lessファイルをwatchするには色々あるけれど less-watch less を自動コンパイルしたい - 人生いきあたりばったりで生きてます@はてなせっかくの機会なので、名前だけ聞いていたGruntを使ってみようと思った。 Sass+Compass特集でたまたま今月買ったWEB+DB PRESSにid:naoyaさんのGrunt記事もあったし！ WEB+DB PRESS Vol.77 作者: 中川勝樹,山内沙瑛,舟崎健治,吉荒祐一,今井雄太,八木橋徹平,安川健太,近藤宇智朗,奥野幹也,天野祐介,賈成カイ,伊藤直也,住川裕岳,北川貴久,菅原一志,後藤秀宣,久森達郎,登尾徳誠,渡

clavier 2013/11/04

リンク

【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる | DevelopersIO

はじめに Webサイトの高速化について調べてみるとCSSの@import url();は使わない方が良いという指摘をよく見かけます。問題となるのはパラレルロード（複数のリソースを同時にロードする）ができなくなる場合があることと、CSSの読み込み順序が変わってしまうことがあるようです。実際にどれだけ読み込み速度に問題があるのか、3つの読み込み方で試してみたいと思います。比較する3つの読み込み方今回はこの3つで読み込みを比較してみます。 CSSの@import url();で読み込む HTMLのlink要素で別々に読み込む Sassで@importして1つにまとめてlink要素で読み込む対象ブラウザ今回の検証ブラウザはChromeとInternet Explorerです。どちらも備え付けの開発者ツールで検証します。今回計測したサンプルサンプルはこちらに公開しているので問題があ

clavier 2013/02/25

リンク

StartUp Sass + Compass [基本と活用]

1. 第１回 Creators Meetup : StartUp Sass+Compass ∼基本と活用∼ 大竹孔明 Sunday, 24 February 13 2. 大竹孔明こうめコーディングを中心に Twitter : @Bamboo_C Web制作をしています Facebook : komei.otake Sunday, 24 February 13

clavier 2013/02/24

リンク

Sass のカスタム関数の書き方

Sass はネイティブ関数のほかに、@function ディレクティブを使ってカスタム関数を自由に定義することができます。僕もより共有や再利用のしやすいものを作るべく試行錯誤していますが、ここではそのうち最近試しているいくつかのパターンについて書いてみました。ご意見求む。接頭辞 attr() や calc() など CSS のネイティブ関数や percentage() や type-of() といった Sass のネイティブ関数と名前が衝突するのを防ぐため、カスタム関数の関数名に接頭辞をつけることを検討しています。現行の CSS/Sass だけではなく将来追加される新しいネイティブ関数も考慮するとやはり何らかの対策をしておきたいところで、接頭辞は現実的な解であるように思います。Sass リファレンスの関数ディレクティブの項でも以下のように接頭辞の採用を勧めています: It is