Doorkeeper

CSS Nite After Dark 2019 「ハンズオンで学ぶCSS Grid」

2019-02-04(月)19:30 - 21:30 JST

Stocker.jp / Space

東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室

申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

早割 5,000円 前払い
事前決済 6,000円 前払い

詳細

参加費

  • 5,000円(先着10名)
  • 6,000円

セッション情報

ウェブページ制作において、CSSを用いたボックス要素のレイアウトは必須です。

1年半前(2017年10月)、新たなボックスレイアウト手法の「CSS Grid」が全モダンブラウザーで対応しました。CSS Gridを使うと、floatやFlexboxなど従来の手法では煩雑だったレイアウトが、少量のコードで実現できます。制作現場での採用事例も増えつつあり、今後の標準的なレイアウト手法として需要が高まっていくことでしょう。

今回のセッションではCSS Gridについてハンズオン形式で学びます。全体を通して、次の内容を身につけることを目標とします。

  • CSS Gridの基本
  • floatやFlexboxとの使い分け方
  • 2019年のオススメの記法
  • 現場でよくあるレイアウト手法
  • IE11の対応方法

ぜひこの機会にCSS Gridをマスターし、ウェブサイト制作を楽しく進めていきましょう。

本セッションのねらい

CSS Gridの基本的な内容を身につけ、持ち帰って自分のプロジェクトで使えるようにする

対象者

  • ウェブサイト制作をラクにしたい方
  • ボックスレイアウトで苦労している方
  • 新しいCSSの機能をキャッチアップしたい方

※ なお、HTML・CSSの基本的な書き方については解説しません(HTML・CSSがそれなりに書けることを前提に進めます)。

講師

鹿野 壮

(かの・たけし)

株式会社ICS
インタラクションデザイナー

九州大学芸術工学部音響設計学科でメディアアートを学ぶ。その後、株式会社ICSに入り、モバイルアプリ開発やウェブページ制作を専門とする。

Google Play 2014年ベストゲームのひとつであるモバイルアプリ「パズ億~爽快パズルゲーム」や、Chrome Experimentsに掲載されたウェブサイト「Particle Develop」等の制作に関わる。

セミナー登壇や技術記事の執筆ほか、Twitterでも積極的に情報を発信中。CSS Niteベスト・セッション2017ではベスト10セッションに選出された。

注意事項など

  • ハンズオンで使うパソコンはご持参ください。貸出機はご用意していません。
  • Wi-Fiはご用意しています。
  • 後日の復習用に、動画、および、サンプルファイルを提供します。

キャンセル規定

  • 1週間前まで:全額返金
  • それ以降:返金なし

コミュニティについて

CSS Nite

CSS Nite

CSS Nite(シーエスエス・ナイト)は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...

メンバーになる