TOP

CSS3レイアウトセミナー Flexbox編

イベント内容

◆3つの習得ポイント

 1.レイアウトに関するプロパティを正しく理解する
 2.デザインの特性に合わせた最適なレイアウト設計の選択方法
 3.CSS3でのFlexboxの基本的な使い方をマスターする

◆こんな悩みはありませんか?

・floatやdisplayである程度コーディングできるが、もっと自由度の高い手法を知りたい
・Flexbox関連のプロパティが多すぎて覚えられない
・Flexboxを実務でも使えるように、基本的な使い方や問題点をしっかり押さえたい

◆セミナー内容
・flexbox、float、displayそれぞれの特徴を知って最適なレイアウト方法を選択できるようになる
・Flexboxの使い方をマスターする

1  レイアウトに関するプロパティの紹介
   ・従来のレイアウト手法とFlexbox

2  ベーシックレイアウト
   ・Floatレイアウト
   ・displayプロパティのレイアウト

3  Flexboxレイアウト
   ・FlexboxコンテナーとFlexboxアイテム
   ・関連プロパティの紹介
   ・活用方法

4  習得度チェック 小テスト

※常に最新の情報となるようにセミナー内容は一部予告なく変更する場合があります

◆持参物

  (1)筆記用具
  (2)ノートパソコン(延長コード、無線LANの環境はあります)

  ◎パソコンについて
   当日は下記フリーソフトのインストールを済ませてご持参ください。

   <必要ソフト>
     ・Brackets(テキストエディター:無料)
     またはお好きなテキストエディター。コードカラーリングのあるものがおすすめです。
 
     ※基本的に使い慣れたテキストエディタであればOKですが、 中には入力補助機能が無いエディタですと、
      タイピングに自信が無い場合は少々面倒かもしれません。その点ご了承くださいませ。
     
  持ち込みマシンは、会場の無線LANに接続してご利用いただくことも可能ですが、
   ウイルス対策が施されているマシンでお願い致します。
  その他、お持込いただいてトラブルがありましても当社は責任を負えませんのでご了承くださいませ。

◆こんな方におすすめ

・レイアウトをもっと自由度の高い方法でコーディングしたい方
・レスポンシブwebデザインのコーディングが多い方
・Flexboxレイアウトを基礎から実践を混じえて学びたい方
・Flexboxを実務に導入できるか検討したい方

◆講師 

横井 麻里乃 氏

ECサイトやweb制作会社を経て、2014年に独立。現在はディレクションからデザイン・イラスト制作・コーディング・Wordpress構築と一貫したweb制作を対応。
またSchooでデッサンの授業を行ったり、デジタルハリウッドのWebデザインコース講師としても活動中。
現場で使われるコーディングの実践テクニック、時間短縮のコツなど惜しみなく伝授します。

2017/11/25(土)
13:00〜15:30
参加者
定員6人
会場
サポタント株式会社 東京本社セミナールーム
東京都港区南青山1-1-1 新青山ビル 東館19F