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

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

PREMIUM
第4回

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

2016年8月27日 60min

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

1 / 28

授業の概要

コース最終回となる今回は、Lessをコマンドプロンプトやサーバー上など、Visual Studio Code以外で実行する方法を学びます。
それぞれの環境、エディタに合わせたLessの使い方を覚えることで、より自分の作業環境に最適なLessの使い方ができるようになります。

こんな人にオススメ

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

チャプター

play_arrow
自己紹介
00:41
play_arrow
授業の流れ
00:46
play_arrow
前回のあらすじ
02:11
play_arrow
前回のつづき:mix-insの実装方法
01:35
play_arrow
VS Code以外の編集環境
00:53
play_arrow
JavaScriptを使った編集
06:56
play_arrow
CUIツール - lessc.exeを使った編集
01:37
play_arrow
GUIツール - SimpLESSを使った編集
00:40
play_arrow
Atom with Lessを使った編集
02:10
play_arrow
Emmet Livestyleを使った編集
12:49
play_arrow
Less運用時の注意
08:35
play_arrow
まとめ
play_arrow
【後半】質疑応答
00:11
play_arrow
Q.sassを使用する場合、rubyのダウンロードなど準備に時間がかかりますが、lessを使う場合には不要でしょうか?
01:47
play_arrow
Q.サンプルファイル3-31.htmlのソース、5〜6行目が <meta charset=
03:09
play_arrow
Q.本家に npm install -g less とあるということは、Node.js必須ということでしょうか?
01:16
play_arrow
Q..culumuns()を定義する前に使ってよいのでしょうか?
01:01
play_arrow
Q.https://github.com/mrcrowl/vscode-easy-less Easy LESS ってこれでしょうか?
01:44
play_arrow
コメント:ほんと、CSSを熟知していなければいくらLessが使えても仕方ないですよね。CSS勉強しなくちゃ。
01:17
play_arrow
Q.七村 隆之さん CSSファイルの方はどのタイミングでコンパイルされるのでしょうか?
02:18
play_arrow
お知らせ
01:25
play_arrow
受講してくださった皆さんへのメッセージ