Flexboxステップアップ編

Flexboxを使用して、より詳細なレイアウトを指定しよう

プレミアム

合計時間：00:50:52

レクチャー一覧

• Flexboxステップアップ編
• 1. イントロダクション - このコースで学習すること

  01:14
  • Flexbox ステップアップ編についての具体的な学習内容
  • Flexbox の学習環境について

• 2. FlexBoxの復習 - FlexコンテナーとFlexアイテム

  00:55
  • Flexbox とは
  • Flex コンテナーと Flex アイテムについて

• 3. align-selfプロパティで、Flexアイテムの垂直方向の揃えを指定しよう①

  04:48
  • align-self プロパティについて
  • align-items との違いについて
  • フォルダ作成・ファイル作成・html の記述について
  • ブラウザ確認ツールについての補足

• 4. align-selfプロパティで、Flexアイテムの垂直方向の揃えを指定しよう②

  03:27
  • スタイルの記述・align-items の指定について

• 5. align-selfプロパティで、Flexアイテムの垂直方向の揃えを指定しよう③

  03:42
  • align-self プロパティの指定について

• 6. orderプロパティで、Flexアイテムの順序を指定しよう

  03:07
  • order プロパティとは
  • order プロパティの指定について

• 7. flex-growプロパティで、Flexアイテムの伸びの比率を指定しよう

  04:36
  • flex-grow プロパティとは
  • flex-grow プロパティの指定について

• 8. flex-shrinkプロパティで、Flexアイテムの縮小率を指定をしよう①

  04:02
  • flex-shrink プロパティとは
  • flex-shrink に個別の数値を指定した場合の動きについて

• 9. flex-shrinkプロパティで、Flexアイテムの縮小率を指定をしよう②

  02:33
  • flex-shrink プロパティの指定

• 10. flex-basisプロパティで、Flexアイテムの基本幅を指定しよう①

  02:29
  • flex-basis プロパティとは
  • flex-basis プロパティで Flex アイテムの基本幅を指定する方法について

• 11. flex-basisプロパティで、Flexアイテムの基本幅を指定しよう②

  02:56
  • flex-basis プロパティの指定について

• 12. flex-basisプロパティで、Flexアイテムの基本幅を指定しよう③

  03:17
  • flex-basis プロパティのキーワード指定について

• 13. flexプロパティで、flex-grow、flex-shrink、flex-basisを一括指定しよう①

  02:11
  • flex プロパティとは
  • flex プロパティで、flex-grow、flex-shrink、flex-basisを一括指定する方法について

• 14. flexプロパティで、flex-grow、flex-shrink、flex-basisを一括指定しよう②

  04:23
  • flex プロパティの指定について

• 15. flexプロパティで、flex-grow、flex-shrink、flex-basisを一括指定しよう③

  02:29
  • flex プロパティのキーワード指定
  • キーワード値での設定について

• 16. 【番外編】gapプロパティで、Flexアイテム間の余白を指定しよう

  04:43
  • gap プロパティでの、Flex アイテム間の余白指定の方法について