CSSで変数（カスタムプロパティ）を使ってみよう | Webクリエイターボックス

2018/02/07 137 users less Sass カスタムプロパティ CSS変数 おなじみ

2018年2月7日 CSS プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました！今回はCSS変数の使い方と注意点をまとめていきます！ CSS変数とは？ 公式では「カスケード変数のためのCSSカスタムプロパティ（CSS custom properti... 続きを読む

現場で役立つ実践Sass（1）Sassの環境を整える | Adobe Creative Station

2015/11/24 104 users Sass 実践Sass ashleynolan.co.uk

CSSを強力にパワーアップするCSSプリプロセッサー「Sass」 ashleynolan.co.ukの記事「The State of Front-End Tooling – 2015」の統計（2015/10/12付）によれば、CSSだけを使っている “No Preprocessor” の割合がは約15%となっており、約85%は何らかのCSSプリプロセッサーを使っているようです。中でもSassは全体... 続きを読む

Gruntで始めるWeb制作の自動化 - to-R

2013/08/27 268 users Sass Grunt JSHint インストーラー less

Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインスト... 続きを読む