TOP

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

イベント内容

その名の通り、フレキシブルな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デザインのレイアウト方法
※ 各種受講証明書への署名・発行に対応します。

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

■ 会場へのアクセス
[デジタルハリウッド 東京本校]
○ JR「御茶ノ水駅」聖橋口より徒歩1分
○ 東京メトロ千代田線「新御茶ノ水駅」B2出口直結
○ 丸ノ内線「御茶ノ水駅」より徒歩4分
所在地:〒101-0062 東京都千代田区神田駿河台4-6 御茶ノ水ソラシティ アカデミア 4F
会場:デジタルハリウッド 東京本校 W15教室
   ※ 御茶ノ水ソラシティ アカデミア用のエレベーターをご利用ください。
デジタルハリウッド 東京本校 Webサイト:http://school.dhw.co.jp/school/tokyo/index.html
デジタルハリウッド 東京本校の校舎内(一部)を体験:https://goo.gl/maps/MPs3tdNStG82

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

■ 主催者
生明塾 by AZM Design
参加者
12人 /定員14人
申込先
会場
デジタルハリウッド東京本校
東京都千代田区神田駿河台4-6 御茶ノ水ソラシティ 御茶ノ水ソラシティ アカデミア4F

注目のイベント

タグに関連するイベント

コラム

インタビュー

売上高2兆円に迫るファーストリテイリングのビジネスにデータ分析がもたらすインパクト

2017年8月期に売上収益が1兆8600億円を突破し、過去最高の業績を収めている株式会社ファーストリテイリング...
641 views
インタビュー

「DELLで働く魅力ってなんですか?」 中途入社で活躍する若手社員3名に訊く!

2015年にEMCの買収を発表し、市場に大きなインパクトを与えるべく変革を続けているデル。日本法人であるデ...
659 views
イベント

【レポート】大規模WebサービスのUIUX:大規模Webサービス[第2部] - TECH PLAY Conference 2017

2017年8月20日(日)から25日(金)の6日間にわたり、「TECH PLAY Conference 2017」が開催されました。...
328 views