ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/05/25
NEW
週刊ドットインストール(2023/05/25号)を更新しました!
2023/05/24
NEW
ポートフォリオ掲載可能!実案件をイメージした新クラス、『Webアプリ案件修行 ダミーデータジェネレータ編』をリリースしました
PREMIUM
【旧版】Emmet/Zen-coding入門
HTMLやCSSを効率的に書いていくことができるEmmetについて、その基本的な使い方を解説していきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
Emmet入門
HTML/CSSを効率的にコーディングするためのEmmet記法について見ていきます。
0%
動画レッスン一覧
(10)
未完了
#01 Emmetとはなにか?
(02:54)
無料公開中
概要
公式サイト
例
必要となる知識
レッスンにおける環境
未完了
#02 まずは基本をマスターしよう
(02:33)
無料公開中
基本的な使い方の流れ
公式ドキュメントの見方
注意事項
未完了
#03 idとclassを使ってみよう
(02:16)
無料公開中
#id
.class
要素を省略したときの動作
未完了
#04 階層的な要素を表現してみよう
(02:08)
>
+
^
未完了
#05 繰り返しと連番について
(02:17)
*
$
$@-
$@5
未完了
#06 ()、[]、{}、lorem ipsumを使おう
(03:01)
()
[]
{}
lorem ipsum
未完了
#07 filterを使ってみよう
(02:54)
|e
|c
|s
|haml
未完了
#08 CSSも扱ってみよう
(02:44)
m
m10
m10-10-11-15
m10--10
p
w100p
c
c#a
c#bcf
z3
チートシートの見方
未完了
#09 actionを使ってみよう
(03:00)
shift+ctrl+t
shift+option+/
shift+cmd+y
shift+ctrl+i
未完了
#10 Wrap with Abbreviationを使おう
(02:48)
ctrl+w
|t
$#
ギャラリー
このレッスンについて
最終更新日
2013年10月23日
バージョン情報
Sublime Text 2 / emmet-sublime
関連キーワード
(4)
基礎講座
(368)
初心者向け
(367)
Emmet
(3)
開発ツール
(62)
このレッスンを共有する