azusa-tomita

testtest

azusa-tomita

hogehgoehgeo

azusa-tomita

• Aというオブジェクトがある
• Aとは一部だけちがうA-dashがある

パターン1の書き方

オブジェクト指向じゃない

CSS

.A{

azusa-tomita

#なんだかんだ

##えーと1 どういうこういう そういうどういう

##えーと2 どういうこういう そういうどういう

azusa-tomita

compass sprite

基本

ディレクトリ構造

img
 └sprite
  └icon

sass上の指定

azusa-tomita

compassのベンダープリフィックス

CSS3関連のmixinはなにをしてるか

box-sizingを例で見てみる。

http://compass-style.org/reference/compass/css3/box_sizing/

リンク先のview sorceをクリックすると、内容を見ることができる。

azusa-tomita

0.はじめに

http://compass-style.org/help/tutorials/spriting/

http://compass-style.org/reference/compass/helpers/sprites/

何番煎じかって感じだけどこのあたりの内容がわかりづらかったので分かる範囲でまとめた

0.1. ディレクトリ構成

azusa-tomita

bootcampとは

bootcamp

macでwindowsが動くアレでもなく、マッチョな黒人に励まされながら踊るアレでもなく sassのfunctionをテストするためのフレームワーク。

もともとジャスミンというJavascriptのBDDテスト用のフレームワークがあり、 その書き方でsassのfunctionをテストできるようにしたものらしい

azusa-tomita

ジョジョスレが過疎っているのは捨て置けない、書かなければ！と思ってたけどモンハンしてたら日付過ぎてしまった。 気にしない。
明日って今さ！ ということでジョジョの奇妙な冒険 Advent Calendar 20133日目。

会社のデスクに飾っているジョジョグッズを紹介します

1つめは1番くじの空条承太郎フィギュア
圧倒的主人公

azusa-tomita

-moz-elementを知ってますか

CSS Property Advent Calendar 2013 7日目のエントリです。
-moz-elementを紹介します。
"プロパティ"つってんだろぉぉがこのスッタコがァァとか言われそうでビクビクしてましたが
TKGの人が4日目にしてセレクタを紹介していたので安心して脱線します。

-moz-elementって何よ

背景画像として "HTML要素" を使ってしまおうという変態の所業挑戦的なモジュールです。