chevron_left

Less ～Webデザイン効率化、一つの方法～
PREMIUM
第2回

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

2016年8月19日 60min
Less ～Webデザイン効率化、一つの方法～ -2回目- play_arrow おためし受講

スライド資料

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

1 / 37

授業の概要

2回目は、Lessで使用する基本的な記法や、書き方について学びます。
Lessを使った実践的テクニックについて学びますので、ここで実際にLessを使ったWebデザインが行えるようになります。

 

※※サンプルファイルがあります※※

授業内のスライドに掲載されているLessファイルはサンプルファイルとしてダウンロードいただけます。

ぜひダウンロードして参考にしてください。

 

こんな人にオススメ

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

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介
00:48
play_arrow
授業の流れ
00:33
play_arrow
前回のあらすじ
01:24
play_arrow
質問:プログラミング経験は ありますか？
02:59
play_arrow
変数の使い方を学ぼう
03:50
play_arrow
関数の使い方を学ぼう
06:25
play_arrow
ネスト構文の使い方を学ぼう
04:11
play_arrow
ここまでの復習
00:17
play_arrow
今回勉強した構文
01:09
play_arrow
Lessで今回勉強した構文を使ってみよう
00:53
play_arrow
Lessファイルを作ろう
00:48
play_arrow
テーマカラーを設定しよう
01:44
play_arrow
背景色の設定をしてみよう
02:03
play_arrow
見出しの色設定をしよう
04:18
play_arrow
ボックス内の文章の色設定をしよう
08:52
play_arrow
今回のポイント
02:03
play_arrow
Q.実際の現場では、lessやsassを使える事が求められているのでしょうか？
01:19
play_arrow
Q.phpstormでもlessが使えますか？
02:11
play_arrow
Q.lessでおすすめの入門書はありますか？
05:34
play_arrow
お知らせ
02:49
play_arrow
Q.すでに書いたcssファイルをlessファイルに変換することは出来ないのでしょうか？