CSS Nite in KOBE, Vol.11 開催概要

タイトル

これからのWebサイト設計〜CSSフレームワークでつくるマルチデバイス対応サイト LIVE版
SVG MANIAX in KOBE

開催日時・会場

2015年7月25日(土)14:00〜17:40
plug078 コワーキングスペース(新神戸)


内容


CSS Nite in KOBE, Vol.11は『これからのWebサイト設計〜CSSフレームワークでつくるマルチデバイス対応サイト』、『Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術』の著者のひとり、松田 直樹さん(まぼろし)をスピーカーに迎え 2015年7月25日(土)に開催!

3月に発売され、人気の書籍となっている『これからのWebサイト設計』と、先日発売されたばかり『Web制作者のためのIllustrator&ベクターデータの教科書』を題材に2部構成で3時間、Webサイト設計とSVGについてじっくりと学びます。


タイムテーブル

13:20〜開場・受付開始
14:00〜開演・オープニング
14:05〜松田 直樹(まぼろし)
Session1:SVG MANIAX in KOBE
Session2:これからのWebサイト設計〜CSSフレームワークでつくるマルチデバイス対応サイト LIVE版(※途中休憩あり)
17:35〜質問タイム・アンケート記入 次回のご案内など
17:45終演
18:00〜20:00懇親会

出演者・セッション

SESSION 1 : これからのWebサイト設計
〜CSSフレームワークでつくるマルチデバイス対応サイト LIVE版

現在のWebサイトの制作・実装シーンにおいて「マルチデバイス対応」はもはや必然になり、「サイト設計」が指す範囲も変わりつつあります。利用者のさま ざまなコンテキストの中で何を提供できるか、といったサイトの立ち位置・存在意義をはっきりと設定することに時間を割くようになってきていますね。

3月に発売された『これからのWebサイト設計〜CSSフレームワークでつくるマルチデバイス対応サイト』(MdN/共著)では、これらをどのように考えるか、どのように実装していくかを事細かに紹介しています。

上記の書籍から要点を抽出し、マルチデバイスならではの設計の考え方に加え、Bootstrapなどのフレームワークを使ったサイト設計のポイントや実装をどう簡略化するか、などを踏まえた内容でお送りします。

書籍:『これからのWebサイト設計〜CSSフレームワークでつくるマルチデバイス対応サイト

SESSION 2 : SVG MANIAX in KOBE

マルチデバイス対応サイトでの悩みといえば、画像ファイルの扱いです。画面サイズやdensityごとに異なる大きさの画像を用意するのは非常に面倒です。

そこで、近年(ようやく)注目を浴びるようになったのが、伸縮自在なベクター形式の「SVG」。IllustratorやSkechといったベクターグラフィックのツールで手軽に制作することができますが、マークアップ言語としての基礎を踏まえておくことでより使い勝手のよいものとなります。

当セッションでは、SVGの基礎から、Illustratorで作成する際のポイント、ブラウザでの表示のさせ方などのTipsをご紹介します。

書籍:『Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術

松田 直樹(まつだ・なおき) まぼろし

ゲーム業界にて企画開発に従事した後、Web業界に転身。
2011年より株式会社まぼろしにCCOとして参加。ゲーム業界で培った企画力を生かしつつ、デザイン・マークアップ・プログラム、書籍の執筆や講演といった業務を幅広く担当している。
また、日本史の歴史系ライティング活動も行っている。

近著に『これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』(MdN・共著)、『Web制作者のためのIllustrator&ベクターデータの教科書』(インプレス・共著)がある。


協賛のお願い2015】イベントの主旨にご賛同いただき、CSS Nite in KOBE に協賛いただける企業・団体を募集しています。

CSS Nite in KOBE, Vol.11 協賛

プレゼント協賛

CSS Nite 全国共通協賛