ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
Sass/SCSS入門
CSSを効率的に書くための記法であるSass/SCSSについて学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(15)
#01 Sassとはなにか?
(03:01)
無料公開中
Sassの概要
公式サイト
事前に必要となる知識
レッスンでの環境とSassのインストール
未完了
#02 はじめてのSass
(03:01)
無料公開中
動作の基本
.scssファイルの作成
sassによる変換
結果の確認
変換オプション --style expanded
未完了
#03 自動で変換させてみよう
(01:49)
無料公開中
--watchオプション
動作確認
未完了
#04 入れ子構造を使ってみよう
(02:51)
無料公開中
入れ子構造
コメント記法(/* ... */, //)
&記号
未完了
#05 変数を使ってみよう
(02:39)
変数の宣言と初期化
変数の使い方
演算子
動作確認
未完了
#06 文字列を扱ってみよう
(02:14)
変数の宣言と初期化
変数の利用
文字列の連結 +
#{}記法
未完了
#07 色を扱ってみよう
(02:42)
変数の宣言と初期化
変数の利用
lighten / darken
built-in functions
未完了
#08 @if文を使ってみよう
(02:44)
真偽型の変数
@if ... @else
比較演算子
未完了
#09 @for, @while文を使ってみよう
(02:29)
@for文
@while文
未完了
#10 リストを扱ってみよう
(02:29)
リストの宣言
@each文
未完了
#11 関数を使ってみよう (1)
(02:22)
@function文
@return
未完了
#12 関数を使ってみよう (2)
(02:56)
ローカル変数
@debug
未完了
#13 ファイルを分離させてみよう
(02:25)
partials
@import
未完了
#14 @mixinを使ってみよう
(02:44)
@mixin
@include
引数
引数の初期値
未完了
#15 @extendを使ってみよう
(02:44)
@extend
@extendと@includeの違い
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2013年7月18日
バージョン情報
ruby 1.9.3p125 / sass 3.2.3