Android Advent Calendar 2012#androidadvent2012
スマートフォン向けサイト作成時のSass活用法
この投稿はLess & Sass Advent calendar 2011の５日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。 ここまでの４日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。 ベンダープレフィックスの面倒さを解消スマートフォン向けサイト（以下スマホサイト）構築時のCSS記述の面倒さに「ベンダープレフィックス（接頭辞）」をつけることにあると思います。 Sassを使えば簡単に記述できます。 わかりやすいようにベンダープレフィックスをたくさん書いていますが、対応するブラウザが少ない場合は少なくて構いません。 .scss@mixin bor
Sassで行こう！
Translation of: Getting Started with Sass - A List Apart CSSの持つその簡明さは欠かせない特徴の一つで、それは最も歓迎されている点でした。CSSによるスタイルシートは、セレクターといくつかの適用したいスタイル情報を含むルールを羅列したものに過ぎません。しかし、WebサイトやWebアプリケーションが巨大に、そして複雑になり、様々なデバイスや画面サイズに対応せざるを得なくなった現在、この簡明さという特徴―fontタグやテーブル・レイアウトの淘汰に大いに役にたったもの―が大きな足かせになっています。 簡単な計算機能や変数を追加するなどといったCSSの修正案が過去に提示されましたが、どれもブラウザー・ベンダーには採用されませんでした。仮にこういった新しく素晴らしい拡張されたCSSがあるブラウザーに実装されたとしても、それが実用に耐える程度に
Sass を今すぐ実務で使おうよ！ « NAVER Engineers' Blog
はじめましての tacamy です。 さて今日は Less & Sass Advent calendar 2011 の 3 日目です。 「Sassかぁ。まーたしかに便利そうだけど、 実務で使えるか分からないし自分には関係ないかな。」 とか思ってませんか・・・！？ ぜんぜんそんなことないですよ！( ･`ω･´) その証拠に、NAVER では半年ほど前から、 新規サービスはすべて Sass を使って制作していますが、問題なく使えています。 むしろ効率化できて、CSS を書く工数が減った気もします（個人の感想です）。 小難しいテクニックは、このあとの 22 人が書いてくれると思うので（丸投げ）、 今日の記事では、Sass を実務で使うことに絞って書いてみます。 実務でSassを使うメリットって？ 制作の工数が減る CSS3 を使うときのベンダープリフィックスをいちいち自力でつけたり、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://atnd.org/events/10497
