CSS最新レイアウト Flexbox徹底解説|生明塾

もはや常識となった便利なレイアウトモジュール Flexbox を、プロの現役クリエーター兼講師が解説するセミ・ハンズオン講座。

learn

こんなことを学びます

★★★★★
生明塾 by AZM Designが1月6日土曜に、初めて大阪で特別講演をします。
滅多にない機会かと思いますので、ぜひ、ご参加ください。
★★★★★

その名の通り、フレキシブルなwebデザインのレイアウトを可能にするFlexible Box Layout Module(Flexbox)。
幾多の仕様変更を遂げてきたCSSのモジュールですが、現在ではほとんどのwebブラウザーからサポートされています。
floatに代わるレイアウトの方法として、その実用性と利便性、パフォーマンスの良さなどが注目を集め、もはやFlexboxの採用は常識となりつつあります。
http://caniuse.com/#search=Flexible%20Box

この講座では、実際にソースやwebブラウザーの表示を見ながら、Flexboxの機能と使い方を徹底解説します。

■ 当講座で学べること
○ Flexible Box Layout Module(Flexbox)の概要と基本
○ Flexboxの記述方法とベンタープリフィックス
○ さまざまなFlexboxコンテナ・アイテムの種類と機能
○ Flexboxの便利な使い方

■ 当講座で得られること
○ 旧来のfloatやClearfixなどを駆使するCSSレイアウトの方法に代わる、新しく便利な技法
○ webの要素の並び順やその方向、伸縮などのサイジングを、フレキシブルに実現
○ 少なくシンプルな記述でレスポシブwebデザインに対応するレイアウト設定
○ これからのCSSデザインのレイアウト方法
※ 各種受講証明書への署名・発行に対応します。

■ 当講座の特徴
○ 手ぶらの座学受講も可能な、セミ・ハンズオン形式です。
○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。
○ 講義後に、質疑応答の時間を設けます。

■ ご持参いただくもの
○ ハンズオン受講の方は、コンピューター(任意)
  ※ セミ・ハンズオン講座なので、座学受講での参加も可能です。
○ メモを取るための筆記用具やデバイスなど
○ お名刺があれば、ぜひ、交換をさせてください。
※ 会場の電源をご利用いただけます。
※ ご利用いただく椅子に、幅30cmほどのテーブルが設置されています。
※ 講義中の録音などは、ご遠慮ください。

■ 主催者
生明塾 by AZM Design
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

梅田・北新地

価格

¥3,800

受けたい
133人が受けたい登録しています

teacher

この講座の先生

生明 義秀

グラフィックデザインとwebデザインの現役プロ講師

東京で活動するアートディレクター,グラフィックデザイナー,webクリエーター,クリエイティブコンサルタント,講師。

ブランディングやSP広告などのグラフィックデザイン、webサイト、UI/UX、動画、eラーニングなど多数のクリエーションを手掛ける。

広告戦略や制作シ... もっと見る >>

detail

講座詳細

  • 当日の流れとタイムスケジュール

    ■ 入場時間
    講座開始15分前から

    ■ 所要時間
    約1.5〜2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. 講座概要説明(約5分)
    2. 解説(約35〜50分)
    3. 休憩(約5分)
    4. 解説(約35〜50分)
    5. 質疑応答(約10分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
  • こんな方を対象としています

    □ web制作関連職の方
    □ webデザイン学習者の方
    □ 新しいCSSの機能を学びたい方
    □ floatを使うレイアウトにうんざりしている方
    □ 現代的なwebデザインを行いたい方
  • 受講料の説明

    参加費に、場所代は含まれています。
    参加費の他に、一切費用はかかりません。
  • 受講する際は以下をお読み下さい

    □ お名刺があれば、ぜひ、交換をさせてください。
    □ 筆記用具などは、ご持参ください。
    □ 筆記用具だけで受講は可能ですが、コンピュータのご持参・使用も自由です。
    □ 会場内の電源をご利用いただけます。
    □ 講義中の録音などは、ご遠慮ください。

review

レビュー

  • 18

  • 楽しかった!( 10 )

  • 勉強になった!( 15 )

  • 行く価値あり!( 13 )

  • 女性

    この講座は「仕事に使える内容でした」でした

    Flexboxをきちんと理解でき、仕事に反映できる内容でした。今後のCSSの動向も教えてくださり、意義のある時間でした。

  • 男性 20代

    この講座は「初学者にも分かりやすい内容」でした

    HTML/CSS自体を独学で始めて3ヶ月、
    まだまともなサイト構築をしたことのない私でも
    flexboxの特徴だけでなく、
    Grid Layout、floatとの使い分けにも納得できた90分でした。
    今後もWebデザインに関する氏の講座には参加したいと思います。

  • 男性 20代

    この講座は「初心者でも楽しめる講義」でした

    HTML CSSを学び始めて1ヶ月しか経ってないのですが、最初のトレンド情報を知りたく参加しました。
    難しいと踏んでの参加で、触れる程度でいいやと言う気持ちで参加したのですが、わかりやすく返ってから早速練習で使ってみようと思える講義でした!

  • 女性 30代

    この講座は「すぐにでもFlexboxを使いたくなる講座」でした

    Flexboxの様々なパターン解説があり、仕様の違いを理解することができました。
    個人的には、今までの技術を使用していた背景を説明いただけたので、もやもやしていた部分が腹落ちできたのが有意義でした。
    XDの講座も気になります!機会があれば参加させていただきたいです。

  • 男性 40代

    この講座は「価値ある講座」でした

    先生がプロ。
    CSS、Flexboxの今が分かった。
    さらに、この先も予測してくれた。

  • more

    この先生の他の講座