ドットインストール - 3分動画でマスターできるプログラミング学習サービス

実践！アプリのランディングページを模写しよう

ログインして連続再生する 動画一覧 (25)

• #01 ランディングページを模写しよう
• #02 macOSで作業用フォルダを設定しよう
• #03 Windowsで作業用フォルダを設定しよう
• #04 headerのマークアップを進めよう
• #05 余白をリセットしていこう
• #06 ダウンロードボタンを作ろう
• #07 フレックスボックスを使ってみよう
• #08 CSSを整理しておこう
• #09 アプリ紹介セクションをマークアップしよう
• #10 ヒーローエリアのスタイリングをしよう
• #11 背景画像を設定していこう
• #12 要素の配置を整えていこう
• #13 要素間の余白を調整していこう
• #14 特徴セクションをマークアップしていこう
• #15 特徴セクションのスタイリングを進めよう
• #16 特徴セクションを仕上げていこう
• #17 フッターを仕上げていこう
• #18 メディアクエリーを導入しよう
• #19 ロゴ画像を切り替えてみよう
• #20 ヒーローセクションのレイアウトを整えよう
• #21 特徴セクションのレイアウトを整えよう
• #22 画像とテキストを逆にしていこう
• #23 コンテンツに最大幅を設定していこう
• #24 containerクラスを設定していこう
• #25 ランディングページを完成させよう