-
#01 開発の準備を整えよう (02:19) 無料公開中
- 完成版の確認
- index.htmlの作成
-
#02 必要な要素を配置してみよう (02:16) 無料公開中
- 要素の配置
-
#03 画像とテキストを横並びにしていこう (02:30)
- styles.cssの作成
- フレックスボックスの設定
-
#04 画像とテキストのスタイルを設定しよう (02:38)
- 画像のスタイリング
- テキストのスタイリング
-
#05 メッセージを左右に振り分けよう (02:19)
- メッセージの左右配置
-
#06 CSSで三角形を作ってみよう (01:27)
- 三角形の実装方法
-
#07 チャット風のUIを完成させよう (02:49)
- 吹き出しの表現
- 動作確認
