chevron_left

Less ~Webデザイン効率化、一つの方法~

PREMIUM
第1回

Less ~Webデザイン効率化、一つの方法~ -1回目-

2016年8月19日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 28

授業の概要

1回目では、Lessとは何か、WebサイトデザインとLessとはどう関連していくのかを学びます。

編集環境としては、今回はVisual Studio Codeを使います。LessをVisual Studio Codeで編集する仕組みについても学ぶことができます。

こんな人にオススメ

CSSを使っているが、より効率の良い書き方がないかと考えている人

チャプター

play_arrow
自己紹介
00:52
play_arrow
授業の流れ
01:01
play_arrow
質問:CSS使ったことありますか
02:57
play_arrow
Lessとは何かを学ぼう
02:16
play_arrow
Lessのコード例を見てみよう
01:57
play_arrow
Lessを使うメリットを学ぼう
02:12
play_arrow
Lessの編集環境
01:51
play_arrow
質問;Visual Studio Code 使ってますか?
03:52
play_arrow
今回の実践内容
00:47
play_arrow
Visual Studio Codeで Lessの作成環境を整えよう
00:22
play_arrow
Visual Studio Codeをインストールしよう
05:40
play_arrow
作業フォルダーの作成をしよう
01:44
play_arrow
Lessの拡張機能を追加しよう
03:46
play_arrow
サンプルLessファイル作成しよう
04:29
play_arrow
Webサイト開発における Less
09:03
play_arrow
まとめ
01:17
play_arrow
Q.Lessの参考書は。kindleしかありませんでしたが、オススメがあれば教えて下さい。
01:40
play_arrow
Q.既存にあるサイトのCSSをLESSに変更する事はできますか?
01:58
play_arrow
Q.ベンダープレフィックスは対応してますか?
02:04
play_arrow
Q.CSSの文法エラーを指摘してくれることは無いのでしょうか?
02:17
play_arrow
Q.Visual Studio Codeでは無く他のテキストエディタを使ってる場合、拡張機能でEasy LESSをインストールすれば出来ますか?
01:17
play_arrow
Q.sassとの大きな違いはなんでしょうか?
00:48
play_arrow
Q.実務で使う関数はどれくらいありますか?
01:02
play_arrow
Q.Visual Studio CodeはEmeetを使う事出来ますか?
02:22
play_arrow
お知らせ