タイトル

これからの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についてじっくりと学びます。

セッション概要

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サイト設計』

『Web制作者のためのIllustrator＆ベクターデータの教科書』

参加申込み受付中