タグ

Sassに関するgrenetのブックマーク (3)

  • はてなにおけるCSSメタ言語(CSSプリプロセッサ)の導入について - Hatena Developer Blog

    こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語(CSSプリプロセッサ)。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs

  • 【Sassを覚えよう!Vol.1】はじめに

    謹賀新年。 更新率が落ちて久しい当ブログですが、細々とまだ書いていければと思っていますので、年もよろしくお願いします。 さて、Sass とか LESS って聞いたこと有ります? なんか、CSSをクールに書けるとかすげーって叫んでる人がいる感じのアレです。 ボクも、2010年の終わり頃に@hamashun さんにご協力頂いてRubyのインストールをしたりして、Sassをちょこっと試してました。 なのにその直後くらいにPCがお亡くなりになったりしたのも有り、復旧に必死だったり仕事が忙しくなり(言い訳)そのまま特に音沙汰無く過ごしていたのですが、最近になってやっと覚えてきたので、CSSビギナー向けエントリーみたいなノリでこれから始める人向けに書ければと思ってます。 Sassに関しては 日初の Sass エヴァンジェリストである @kotarok さんが随分前からオススメしてたり、最近ではLe

    【Sassを覚えよう!Vol.1】はじめに
  • コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 |https://wp.yat-net.com/name

    2012年 01月 12日 コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 カテゴリ: Sass タグ:CodingSassコーディング効率化 CSSのメタ言語として登場したSass。去年から認知はしていたのですが中々手を出しておらず、年が開けて「やってみよう!」と思い起こして使って見ました。 Index 1.Sassとは 2.インストール 3.SassファイルをCSSファイルに 4.実際に作る 5.参考文献 1.Sassとは Sassがなんなのか知らない人も居ると思うので簡単に説明すると、CSSファイルを作成するために扱うプログラムのようなもので、直接CSSファイルを作成するのではなく、CSSよりもシンプル且つ構造化した記述でSCSSというファイルを作成し、そのファイルからCSSファイルに変換(コンパイル)します。 コンパイルされたフ

    コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 |https://wp.yat-net.com/name
  • 1