「Java入門 クラス編」のミニクイズをリリースしました
「Java入門 メソッド編」のミニクイズをリリースしました
「Java入門 制御構造編」のミニクイズをリリースしました
「Java入門 基礎文法編」のミニクイズをリリースしました
【週刊ドットインストール】 レッスン制作の進捗、社内ツール開発のすすめ
あなただけの学習ロードマップを作成します 【随時受付中】
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
今回の動画で使ったEmmet記法は以下のとおりです。
html:5
h1 p p{Hello}
a{About} img
section.container button#close{Close}
img img[width="160"] img[width="160" height="160"]
p p*3 div.box*3 div.box$*3 div.box$$$*3
header+section+footer h1+p*2 h1+p*2+h2+p*2
section>h1 ul>li*3 table>tr*2>td*3
header+section>h1+footer header+(section>h1)+footer
.container ul>.item*3
form:p input:t textarea label>{Name}+input:t label>{Message}+textarea button{Send}
link:css m0 p0 p16-32 m0-auto mb8 pl8
動画中で紹介しているチートシートについては以下のサイトを参照してください。
・Cheat Sheet https://docs.emmet.io/cheat-sheet/
fsz fw:b ta:c td:n d:f fxw:n pos:r pos:a
#02 HTMLのひな型を展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#03 要素タグを展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#04 よく使う属性もあわせて展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#05 idやclass属性をつけて展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#06 []で任意の属性をつけて展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#07 *で複数の要素を一度に展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#08 +で違う要素を一度に展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#09 >で違う階層に要素を展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#10 ()で要素をグループ化してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#11 暗黙的なタグ補完を使ってみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#12 フォーム関連のタグを展開してみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#13 CSSでEmmet記法を使ってみよう
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。
#14 CSSのプロパティを展開してみよう
補足情報 Emmet記法のチートシートについて
動画中で紹介しているチートシートについては以下のサイトを参照してください。
・Cheat Sheet
https://docs.emmet.io/cheat-sheet/
補足情報 今回使った記法について
今回の動画で使ったEmmet記法は以下のとおりです。