新機能 イベント主催者向け機能「重複参加の許可/禁止」機能と「グループブラックリスト」機能をリリースしました。詳しくは こちら

お知らせ ビープラウド、「90日で稼げるプログラマーに」オンライン学習サービス「PyQ(パイキュー)」を販売開始

このエントリーをはてなブックマークに追加

6月

15

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

常識的になってきた便利なFlexboxとレイアウト関連の基本知識を解説するセミ・ハンズオン講座。

主催 : AZM Design

ハッシュタグ :#azmdesign
募集内容

イベントの説明

【ストリートアカデミーで、お申し込みを受け付けています。こちらからどうぞ。】

https://www.street-academy.com/myclass/3075?conversion_name=direct_message&tracking_code=9464147d9f2e00b394277a6675f3996a


その名の通り、フレキシブルなwebデザインのレイアウトを可能にするFlexible Box Layout Module(Flexbox)。 幾多の仕様変更を遂げた仕様ですが、今ではfloatなどに代わるレイアウトの方法として、ほとんどのモダンwebブラウザーからサポートされ、その実用性と利便性に注目が集まっています。 http://caniuse.com/#search=Flexible

この講座では、常識となりつつあるFlexboxとその使い方を徹底解説します。 また、CSSデザインのレイアウトで初心者が陥りやすいボックスモデルの概要やfloat関連のプロパティー、position、そして、marginの怪現象などを分かりやすく解説し復習します。

■ 当講座で学べること

  • Flexible Box Layout Moduleの仕様と使い方、記述方法
  • ボックスモデルの基本
  • floatとclearの仕様とClearfixの扱い方
  • positionの仕様と採用ポイント
  • marginの仕様

■ 当講座で得られること

  • 旧来のfloatやClearfixを駆使する方法に代わる、新時代の楽でシンプルなCSSレイアウトの技法
  • ボックスモデルの基礎知識
  • floatとclear、Clearfixを利用するレイアウト方法の復習
  • positionプロパティーを使うケースとその方法
  • 複雑なmarginの仕様に対する理解

※ 各種受講証明書への署名・発行に対応します。

■ 当講座の特徴

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

講師

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

生明義秀

生明義秀 さんが Flexboxと最新CSSレイアウト徹底解説|生明塾 を公開しました。

2017/06/05 12:15

Flexboxと最新CSSレイアウト徹底解説|生明塾 を公開しました!

グループ

生明塾 by AZM Designの講座

現役のアートディレクター・デザイナー兼スクール講師による、グラフィックデザインやWebの講座。

イベント数 49回

メンバー数 8人

終了

2017/06/15(木)

19:30
21:00

募集期間
2017/06/05(月) 12:15 〜
2017/06/15(木) 21:00

会場

デジタルハリウッド東京本校

東京都千代田区神田駿河台4-6 (御茶ノ水ソラシティ アカデミア 4F)

デジタルハリウッド東京本校

管理者