ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/27
NEW
【週刊ドットインストール】 Nuxt入門のレッスンをリリースしました
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【サポート終了】Compass入門
Sass/SCSSと合わせてCSSを更に効率的に記述するためのフレームワーク、Compassについてその使い方を学びます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(7)
#01 Compassとはなにか?
(02:34)
無料公開中
Compassの概要
公式サイト
事前知識
レッスンの環境
未完了
#02 Compassを使ってみよう
(02:46)
無料公開中
compass -v
compass create
config.rb
フォルダ構成
@import "compass/reset";
未完了
#03 はじめてのCompass
(02:55)
@import "compass";
@include
compass watch
CSSの確認
未完了
#04 よく利用するCSSを書いてみよう (1)
(02:59)
@include border-radius(3px);
@include opacity(0.5);
@include box-shadow(0 0 1px #ccc);
未完了
#05 よく利用するCSSを書いてみよう (2)
(01:32)
@include rotate();
@include clearfix;
未完了
#06 画像を扱ってみよう
(02:15)
image-width
未完了
#07 CSS Spriteを使ってみよう
(02:52)
CSS Sprite
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2012年11月20日
バージョン情報
ruby 1.9.3p125 / sass 3.2.3 / Compass 0.12.2