Sass 3.3で追加された新しいデータタイプ「マップ」まとめ解説
前回の記事では、Sass 3.3で追加される「&」の新機能と@at-rootについて解説しました。今回は新しいデータタイプの「マップ」について解説します。 マップは色々な使い道があると思いますし、使い方によってはかなり便利なものですので、ライブラリを作っている方などは特に覚えておくと良いと思います。 マップとは マップは任意の名前と値のペアが集まったもので、名前をキーにして値を設定したり、取り出して使います。 マップの書き方ですが、名前と値をコロン（:）で区切り、複数記述する場合はカンマ（,）で区切り、それらを丸括弧（()）で囲みます。CSSのスタイルの書き方とちょっと似ていますね。 // マップ $map: ( key1: value1, // key1にvalue1を設定 key2: value2, key3: value3, ); // CSSのスタイル selector { pro
Css拡張言語のコトハジメ
2. プロフィール • 名前：Yuu（Tsukaguchi Yuji） • 会社：動画配信会社 • 出来ること – ディレクション・デザイン・コーディング – WordPress・Movable Type • Twitter：regret_raym • Facebook：regretraym • サイト： – http://creator-life.net/ – http://code-life.net/ 3. 今回の内容 • 最近よく聞くCSS拡張メタ言語とは？ • 作り方は？ • 種類は？ • 導入するメリット・デメリット • 何ができるようになるのか？ • LESSとSASSの違い • 使う環境を整える • まとめ
【Sassを覚えよう！Vol.1】はじめに
謹賀新年。 更新率が落ちて久しい当ブログですが、細々とまだ書いていければと思っていますので、本年もよろしくお願いします。 さて、Sass とか LESS って聞いたこと有ります？ なんか、CSSをクールに書けるとかすげーって叫んでる人がいる感じのアレです。 ボクも、2010年の終わり頃に@hamashun さんにご協力頂いてRubyのインストールをしたりして、Sassをちょこっと試してました。 なのにその直後くらいにPCがお亡くなりになったりしたのも有り、復旧に必死だったり仕事が忙しくなり（言い訳）そのまま特に音沙汰無く過ごしていたのですが、最近になってやっと覚えてきたので、CSSビギナー向けエントリーみたいなノリでこれから始める人向けに書ければと思ってます。 Sassに関しては 日本初の Sass エヴァンジェリストである @kotarok さんが随分前からオススメしてたり、最近ではLe
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
