ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/02/02
NEW
週刊ドットインストール(2023/02/02号)を更新しました!
PREMIUM
Sass/SCSS入門
CSSを効率的に書くための記法であるSass/SCSSについて学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(15)
未完了
#01 Sassとはなにか?
(03:00)
無料公開中
Sassの概要
公式サイト
事前に必要となる知識
レッスンでの環境とSassのインストール
未完了
#02 はじめてのSass
(03:00)
無料公開中
動作の基本
.scssファイルの作成
sassによる変換
結果の確認
変換オプション --style expanded
未完了
#03 自動で変換させてみよう
(01:49)
無料公開中
--watchオプション
動作確認
未完了
#04 入れ子構造を使ってみよう
(02:50)
無料公開中
入れ子構造
コメント記法(/* ... */, //)
&記号
未完了
#05 変数を使ってみよう
(02:38)
変数の宣言と初期化
変数の使い方
演算子
動作確認
未完了
#06 文字列を扱ってみよう
(02:14)
変数の宣言と初期化
変数の利用
文字列の連結 +
#{}記法
未完了
#07 色を扱ってみよう
(02:41)
変数の宣言と初期化
変数の利用
lighten / darken
built-in functions
未完了
#08 @if文を使ってみよう
(02:43)
真偽型の変数
@if ... @else
比較演算子
未完了
#09 @for, @while文を使ってみよう
(02:28)
@for文
@while文
未完了
#10 リストを扱ってみよう
(02:29)
リストの宣言
@each文
未完了
#11 関数を使ってみよう (1)
(02:21)
@function文
@return
未完了
#12 関数を使ってみよう (2)
(02:56)
ローカル変数
@debug
未完了
#13 ファイルを分離させてみよう
(02:25)
partials
@import
未完了
#14 @mixinを使ってみよう
(02:44)
@mixin
@include
引数
引数の初期値
未完了
#15 @extendを使ってみよう
(02:43)
@extend
@extendと@includeの違い
ギャラリー
このレッスンについて
最終更新日
2013年7月18日
バージョン情報
ruby 1.9.3p125 / sass 3.2.3
関連キーワード
(5)
基礎講座
(360)
初心者向け
(359)
Sass
(2)
SCSS
(2)
ウェブサイト構築
(155)
このレッスンを共有する