Sass-book spreadsheet
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHIJKLMNOPQRST
1
章とかタイトル節とか小見出し的な補足
2
はじめに
3
Sassのメリットとか
4
Sassに関する基本的なことhamlから
5
sassとscss
6
7
Sassを利用する環境を整えるRubyのインストールRubyのバージョンに関して触れる
8
Sassのインストールアップデート方法(gem,sass)
9
10
Sassを使用する
(cssのコンパイル方法)
ファイルの場所を指定するcd 移動
11
scssファイルをcssに書き出す$ sass hoge.scss hoge:css
12
常にコンパイルを監視する--watch ファイルの場合とフォルダの場合
13
書き出しスタイル-t または --style
nested / expanded / compact / compressed
14
元のscssの位置(行数)を知る--line-comments
--debug-info
(Tipsかも)
15
エラーメッセージ
16
17
バッチファイル/シェルスクリプトに関して作り方、書き方macは実行権限が必要
chmod +x hoge.command
18
GUIScout,Codekit
19
20
21
メインコンテンツ実際のサイトをSassを使ってひと通りコーディングしてみる実際に手を動かしながら一つずつ機能を覚えていく様な想定サンプル作成
22
23
Sassのリファレンス全機能をかるーく紹介する的な
24
公式のReferenceを訳した感じhttp://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
25
26
27
28
Sass以外のMETA言語の紹介LESS、Stylus
29
Mixinの使えそうなサンプル集
30
31
Sassの書き方・機能ネスト
32
セレクタ擬似要素や連結(&:)アンパサンド
33
プロパティ
font
34
変数インターポレーション(#{ … })について
35
@importパーシャルについて
36
演算- はスペース気をつける、 / は条件を満たさないと使えない
37
38
レスポンシブ・ウェブデザイン対応@media
39
40
CSS3プリフィックス
41

mixin
42
extend(%placeholder)
43
関数lighten、darkenとか(やる?)
44
45
コメント// 一行コメント
/* これはコンパイルしても残る */
/*! とコメントの最初に「!」を入れるとコンパイルしても残る
46
制御構文@if
47
@for
48
@each
49
@while
50
51
52
Tipscss2sass
53
compass?
54
burbon?
55
sassのフレームワーク?
グリッドレイアウト
56
sass-twitter-bootstrap
57
58
59
小技面倒くさい計算はSassに任せよう
60
レガシー
61
wordpressだとブラウザで動く
62
エディター
63
SourcemapChromeで行数見れる。FirefoxもFiresassで。
64
IEハックについてスターハックは通るけどスラッシュハックは通らないよてきな
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...
 
 
 
Working Draft
Last Call