CSS Nite公式サイト

2013年11月19日（水）、渋谷ヒカリエ（21F） セミナールームでクリ☆ステ特別編（3）UIデザイン（再演版）を開催し、130名ほどの方にご参加いただきました。

2013年11月16日、広島コンピュータ専門学校でCSS Nite in HIROSHIMA, Vol.7を開催し、100名を越える方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite in HIROSHIMA, Vol.7『プロジェクトを成功にうまく導く秘訣』 - Togetter

2013年11月12日、中央会計セミナールームでCSS Nite in OSAKA, Vol.38を開催し、50名ほどの方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite in OSAKA, Vol.38 - Togetter

出演者のブログなど

• CSS Nite in OSAKA, Vol.38に出演しました | ふわっとブログ

Created with Admarket's flickrSLiDR.

2013年11月9日、ICC Cross×GardenでCSS Nite in SAPPORO, Vol.11を開催しました。

「実践！ スマートフォン対応サイト制作」をテーマに、6セッションで構成。

ツイートは下記にまとめました。

• CSS Nite in SAPPORO, Vol.11「実践！ スマートフォン対応サイト制作」まとめ - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in Sapporo Vol.11 に参加しました - 小十郎の日々是雑記

札幌版公式の終了エントリーはこちらです。

• 【大感謝】CSS Nite in SAPPORO, Vol.11 「実践！ スマートフォン対応サイト制作」が終了しました | CSS Nite in SAPPORO

来週の木曜日（11月21日）19:00からアップルストア銀座（3Fシアター）にて、CSS Nite in Ginza, Vol.72を開催します。

「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」と題し、鷹野 雅弘（スイッチ）が登壇します。

CSS Nite LP, Disk 11「Designer's High」Part 1でのセッションの再演版という意味で「Reloaded」としていましたが、重複を避ける方向で調整していますので、事前に下記のスライドをご覧になってください。

事前登録を行った方

• 入場時に受講票をご呈示ください。ご呈示ない場合には、事前登録は無効とさせていただきます。
• 受講票は11月12日8:00頃に、登録されたメールアドレスにお送りしています。
• 18:45前にご来場の場合には1F右手奥からの階段にてお待ちください。開演時間までは階段をご利用ください。
• 椅子席は先着順です。
• 後から来る方の「椅子取り」はご遠慮ください。

※事前登録を行っていても、座れない可能性があります。

事前登録を行っていない方

• エレベータは使用せず、1F右手奥からの階段をご利用ください。
• 18:50からのご入場を予定しています（それまでは階段にてお待ちいただくことになります）
• 当日枠は20-30人くらいの見込みですが、定員180名を超える場合、ご入場いただけない可能性があります。

CSS Niteに初参加の方へ

はじめてご参加される方へをぜひご一読ください。

注意事項

• CSS Niteに関しては撮影、録音などOKですが、アップルストア銀座のその他のフロアーは、写真撮影不可です。現在、アップルストア銀座でのセミナーイベントは、写真・動画ともに撮影不可です。
• アップルストア銀座の店内では飲食不可ですが、フタ付きのペットボトル等であれば問題ありません。
• アップルストア内でのお食事はご遠慮ください。

公開ポリシーとTwitter

• スライドは、イベント終了後にCSS Nite公式サイトにて公開予定です。アップルストア銀座でのイベントの規約変更に伴い、録音・録画がNGになりました。スライドのみを追って公開します。
• 音声の公開は行いませんので、必要な方は、ご自身で録音してください。
• 撮影いただく場合、携帯電話など、撮影時に音が出る機器はご遠慮ください。

キャンセルについて

事前登録された方で、ご都合が悪くなった場合には、キャンセルフォームからご連絡ください。

懇親会について

終了後、アップルストア銀座の近くのお店で懇親会を開催します。参加希望の方は、Facebookイベントにてご表明ください。懇親会のみの参加もOKです。

2013年11月6日（水）、渋谷ヒカリエ（21F） セミナールームでクリ☆ステ特別編（3）UIデザインを開催し、120名ほどの方にご参加いただきました。

ツイートは下記にまとめました。

• クリ☆ステ特別編（3）UIデザイン - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• クリステ特別編 UIデザインの今とこれから #crsp3 にいってきた | webディレクターの阿呆な研究

再演版（11月19日開催）は、残席わずかです。

2013年11月3日、宮崎産業経営大学でCSS Nite in MIYAZAKI, Vol.5を開催しました。

2013年11月2日、宮崎県ソフトウェアセンター KITEN教室でCSS Nite in MIYAZAKI, Vol.4「実践ワークショップ」を開催しました。

2013年9月に開催したCSS Nite in OSAKA, Vol.36の鍋坂 理恵さん（sonsun）の「マルチデバイス時代におけるWebサイトのUI」の動画を公開します。

マルチデバイス時代におけるWebサイトのUIについて／鍋坂 理恵（sonsun） from CSS Nite on Vimeo.

『マルチデバイス時代のWebデザインガイドブック』（ソシム）

大月さん、鍋坂さんの執筆された書籍『マルチデバイス時代のWebデザインガイドブック』が11月にソシムから発売になります。

• サポートページ
• Facebookページ

マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング（デザイン・イン・ブラウザー）、レスポンシブWebデザインなどについてコンパクトに解説されています。ぜひ、ご一読ください。

2013年9月に開催したCSS Nite in OSAKA, Vol.36の大月 茂樹さん（ニイハチヨンサン）の「Style Guide活用のススメ」の動画を公開します。

Style Guide活用のススメ／大月 茂樹（ニイハチヨンサン） from CSS Nite on Vimeo.

『マルチデバイス時代のWebデザインガイドブック』（ソシム）

大月さん、鍋坂さんの執筆された書籍『マルチデバイス時代のWebデザインガイドブック』が11月にソシムから発売になります。

• サポートページ
• Facebookページ

マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング（デザイン・イン・ブラウザー）、レスポンシブWebデザインなどについてコンパクトに解説されています。ぜひ、ご一読ください。

2014年3月11日、渋谷ヒカリエ8/で第2回 MONSTER展が開催されます。

MONSTER展は、たくさんの人が楽しめる怪獣をテーマにした映像、絵画、造形、グラフィックの作品を展示したチャリティ展。 東日本大震災のインパクトを科学的にとらえなおす機会として、東北大学災害科学国際研究所とせんだいスクール・オブ・デザインの連携プロジェクト「災害のデータスケープ」のパネル展示も併催されます。

• MONSTER Exhibition 2014｜オフィシャルサイト

現在、このプロジェクトの支援を、READYFOR?（クラウドファンディング）で受け付けています。

• 復興チャリティに参加できるかいじゅうART展を開催したい！（庄司　みゆき） - READYFOR?

2013年9月21日（土）、ベルサール神田でCSS Nite LP, Disk 29「SEO 2013」を開催し、311名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite LP29「In-house SEO 2013」 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• 【保存版レポート】CSS Nite LP, Disk 29「SEO 2013」に参加してきました。#cssnite_lp29 | バカに毛が生えたブログ
• CSS Nite LP29「SEO 2013」に参加した感想 | tikusonの日記
• CSS Nite LP29「SEO 2013」に今年も参加してきました | Re:very
• CSS Nite LP29「インハウスSEO」に参加してきたよ！ | WebMETAL
• CSS Nite LP, Disk 29「SEO 2013」についてレポートしてみる（前編） | SEOとその周辺
• CSS Nite 「SEO 2013」に参加 （株）ハンズ　社長日記
• CSS Nite LP, Disk 29「SEO 2013」に参加して、改めて感じたSEOの本質とこれからの方向性 - ムラウェブドットネット
• CSS Nite LP, Disk 29「SEO 2013」についてレポートしてみる（中編） | SEOとその周辺
• CSS Nite LP, Disk 29「SEO 2013」についてレポートしてみる（後編） | SEOとその周辺
• CSS Nite LP, Disk 29「In-house SEO」へ参加しました #cssnite_lp29 | SEO Imagination！ブログ
• CSS Nite LP, Disk 29「SEO 2013」についてレポートしてみる（Part.4） | SEOとその周辺
• “権威” となれ ? CSS Nite LP, Disk 29「SEO 2013」に参加してきました。 #cssnitelp29 | ALPHA LABEL

出演者、関係者のブログ、サイトなど：

• スマホユーザーがモバイル“非”最適化サイトに感じている3大不満 など10+4記事（海外&国内SEO情報） | Web担当者Forum

2013年10月19日（土）、仙台商工会議所 大会議室でCSS Nite in SENDAI, Vol.7を開催し、80名ほどの方にご参加いただきました。

「変化するWebデザイン～既成概念を打ち破るWeb制作のあり方を考える」をテーマに3セッションで構成。

撮影：田中舘 一久

ツイートは下記にまとめました。

• CSS Nite in SENDAI, Vol.7 「変化するWebデザイン ?既成概念を打ち破るWeb制作のあり方を考える」 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• 変わりゆくWEB業界 | エスエムティの愉快な仲間たち-仙台のホームページ制作会社　-

2005年10月20日、アップルストア銀座でスタートしたCSS Niteが（丸8年となり）9年目に突入しました。

当初、「3回のシリーズもの」という企画でスタートしたのですが、これまでに369回の関連イベントを通して、45,968人方にご参加いただくイベントになりました。

地方版の開催は、高知、長崎が加わり、（1回だけのところを含め）29箇所。

ご参加くださった方、喋っていただいた方、ご支援いただいた方、地方版を運営してされている方々に感謝します。

2013年9月19日（木）、アップルストア銀座で開催したCSS Nite in Ginza, Vol.71「次世代のWebデザインへの2つのヒント」のフォローアップとして、大月 茂樹さんの『Style Guide活用のススメ』セッションのスライド、音声を公開します。

• 音声

フォローアップ

みなさん、CSS Nite in Ginza, Vol.71へご参加いただき、ありがとうございました。2つめのセッションを担当した、ニイハチヨンサンの大月です。

さて、今回はStyle Guideについてお話しました。

実際にページの制作をどんどん進める前にサイト全体で必要となる要素を洗い出し、要素の装飾なども含めてHTMLプロトタイピングでそれらをまず試作する。そうすることで、できるだけ早期にトラブルの種を発見し、その対応策、代替案を検討できるようになります。

そして、その成果物としてStyle Guideを作成する。Style Guideに掲載したコードは、ターゲットとするデバイスやブラウザでの表示や動作が担保されたものなので、個々がいちいち検証などする必要なく、どんどん実装を進めていくことができます。

一見、手間が増えるだけ、無駄なコト・モノのように思われるかもしれませんが、規模が大きなサイトであるほど、凝ったサイトになるほどその意味・価値が出てくるハズです。

今回をキッカケに、HTMLプロトタイピングやStyle Guideへぜひ取り組んでみてください。

以下、参考情報です。Cyber Agentの斉藤さん、谷さんが書かれたものです。ぜひ、読んでみてください。

• モバイル時代におけるCSSの設計と実装｜1 pixel｜サイバーエージェント公式クリエイターズブログ
• StyleDoccoによるCSSスタイルガイドの導入｜1 pixel｜サイバーエージェント公式クリエイターズブログ

また、いつかどこかでみなさんとお会いできることを楽しみにしています。

『マルチデバイス時代のWebデザインガイドブック』（ソシム）

大月さん、鍋坂さんの執筆された書籍『マルチデバイス時代のWebデザインガイドブック』が11月にソシムから発売になります。

• サポートページ
• Facebookページ

マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング（デザイン・イン・ブラウザー）、レスポンシブWebデザインなどについてコンパクトに解説されています。ぜひ、ご一読ください。

2013年9月19日（木）、アップルストア銀座で開催したCSS Nite in Ginza, Vol.71「次世代のWebデザインへの2つのヒント」のフォローアップとして、鍋坂 理恵さんの『マルチデバイス時代におけるWebサイトのUIについて』セッションのスライド、音声を公開します。

• 音声

フォローアップ

「マルチデバイス時代におけるWebサイトのUIについて」のセッションを担当しました鍋坂理恵です。

今回は、多くのWebサイトを参考にしながら、Webデザインの動向やトレンド、またマルチデバイスを考慮したUIのポイントについてお話しました。短い時間の中で、駆け足でお話するカタチになり、じっくりと解説できなかった部分などもありますので、スライドや参考サイトのURLを参照しながら、おさらいしていただけたらと思います。

「罫線を使わない」「タイポグラフィの扱い方」など具体的なデザインテクニックのお話もしましたが、最終的に行き着くところは、このようなテクニックを使うことで、「コンテンツが読みやすくなる」「操作しやすくなる」という点です。

多数のデバイスでアクセスする中で、何が一番大切かというと、操作しやすいことと、コンテンツがちゃんと伝わること。Webデザインはそれを補うための役目である、ということを常に心がけるのが良いと考えます。

Webデザイナーの方であれば、実装や技術的な側面については敷居を高く感じられる方も多いかもしれませんが、たくさんのWebサイトを閲覧し、ご自分のデザインの引き出しをどんどん増やしてみてください。秀逸なWebサイトはもちろん、明らかに使いづらいと思うWebサイトにも注目し、なぜ使いづらいんんだろう？と考えてみるのも良いでしょう。

• 本日のCSS Nite in Ginza, Vol.71で紹介したリンク

『マルチデバイス時代のWebデザインガイドブック』（ソシム）

大月さん、鍋坂さんの執筆された書籍『マルチデバイス時代のWebデザインガイドブック』が11月にソシムから発売になります。

• サポートページ
• Facebookページ

マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング（デザイン・イン・ブラウザー）、レスポンシブWebデザインなどについてコンパクトに解説されています。ぜひ、ご一読ください。

2013年10月8日、中央会計セミナールームでCSS Nite in OSAKA, Vol.37「撮影スペシャル」を開催し、42名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite in OSASA, Vol.37 - Togetter

2013年10月5日（土）那覇市IT創造館（沖縄県那覇市）でCSS Nite in OKINAWA, Vol.5 with Microsoft「HTML5+CSS3 Web Camp 2013」を開催し、80名弱の方にご参加いただきました。

（撮影：鍋坂 樹伸）

次のブログで取り上げていただきました。ありがとうございます。

• 台風クラブ？｜広く、浅く、軽く？(気軽に)・・・・気分は・・・

アンケートでの感想です。

• ぜひぜひまた沖縄でCSS Nite開催してください。
• この台風に懲りないでまたやってほしい！
  （ただ時期を考えて欲しい（笑））。今後、“エンピツなめなめ”という言葉が気になっています！
• 毎年やってほしい！！こんなに楽しいイベントはないです。
• 毎年でも参加したいです！！なので、是非頑張ってください！！
• サーバー側なのでフロントはあまり詳しくないのですが、話がおもしろく引き込まれました。HTML5、勉強しようと思います。
• このお値段で、こんなにすごい方たちのレベルの高いお話が聞けるのはとってもスゴイです！お得感があり、またひとつ自分の意識が上がった気がします。
• 商品サービスの売り方等ももっと聞きたかった。楽しかった。
• HTML5とSEOの話、欲しいです。
• かなり楽しくまた参加したいです。
• 技術的にさらに広い話が聞けると嬉しいです。自分が知らない事が多かったけど、まだ足りない気がしました。
• 台風がすごかった。けど来て良かったです！！
• 初参加で制作サイドに関わる人間ではなかったが、非常に役立った。次回も是非参加したいと共に次回はより多くのメンバーを連れてきたいと思う。
• とても分かりやすいセッションばかりで楽しく受講できました。遅いですが...これからHTML5&CSS3の技術をupしていきたいと思います。
• 新しい技術、新しい世界観を見れて楽しかったです。鷹野さん、お話上手ですね。進行がスムーズであっという間の5Hでした。中川ワールド、もっかい見たいです。アンコール希望！鷹野さん、mycoさん、お疲れ様でした。
• いろいろと参考になりました。関係者の皆様、ありがとうございました｡
• WordPressについて取り上げてほしいと思います。
• 楽しかったです。
• 今後は、アクセシビリティのテーマも扱って頂けると嬉しいです。
• わからないことばかりですが、勉強したい意欲が湧きました。次回があれば、また参加したいです。
• 技術的な方向だけでなく、俯瞰的なアプローチができるよう色々と勉強させていただきました。ありがとうございます。また沖縄でやって下さい。
• 非常に良い刺激になりました。また開いて下さい。
• 全体的に学ぶことがあり、大変良かった。次回も是非沖縄で！
• 多くの方のセッションをうかがうことができて楽しかった。制作のセッションだけではなく、セキュリティについても今後セッションをうかがえたらと思います。
• 鷹野さんのセッションをもう少し長く、来年も期待しています。
• 想像してた内容とは、全く違い予想外にめちゃめちゃ面白かったです！！
• すごくぜいたくな内容でいろんな分野のプロのいろんな視点でのお話を聞けて良かったです。
• 来週からの仕事に活用していきたいです！
• とても有益な情報が盛りだくさんで楽しかったです。1年に1回はぜひやって下さい。
• 長時間なので少し疲れましたが、ものすごく勉強になりました。ありがとうございます！！
• 3年ぶり。とても楽しかったです。ありがとうございます。
• 長谷川さんのセミナーを聞いてみたいです。
• もっと短いスパンでとしとしやって下さい。
• Web業界に入って間もないのですが、広い範囲でいろいろ聞けてすごく為になりました。実際いろんなデバイスで体験とかもしてみたいと思いました。ありがとうございました。

2013年10月4日（金）、Book Cafe BREATHE（沖縄県宮古島市）でSplasssh in Miyako 2013を開催し、70名ほどの方にご参加いただきました。

2013年9月28日（土）、メトロ総合 ビジネスカレッジ セミナールームでCSS Nite in NAGASAKI, Vol.1 with Microsoftを開催し、38名の方にご参加いただきました。

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in NAGASAKI | Cafe du Coin