更新履歴

イベント概要

ウェブデザインにおいて、当たり前のスキルとなったCSS。SassやPostCSSの登場を経て、いまなお急速に進化を遂げています。

年内最後の開催となるDIST.13のテーマは、「トクするCSS」です。知ってそうで知らない、でも知っておくとトクをするテクニックやTIPSなどを、LT10本に詰め込んでお送りします。クリスマスとお正月の足音が聞こえてくる12月は、CSSのLT祭りに全員集合！

LTスピーカー募集！

LTスピーカーの募集は締め切りました。

LTスピーカーを希望される方を広く募集します。時間は5分、内容は「トクするCSS」というテーマにまつわることであれば、TIPS、テクニック、便利なサービスの紹介など何でもOKです（例：オレオレCSS設計、CSS in JSのコツ、PostCSSのオススメプラグイン、など）。

希望者は、「LT希望枠」からお申し込みください。なお、LT希望枠は、11/30（水）いっぱいで締め切ります。

※PCからの映像出力切り替えの手間を省くため、スライドの投影は主催者側で用意したPCで行います。そのため、前日までにPDFでスライドをご用意いただけることが条件となります。ご協力のほどよろしくお願いいたします。デモ形式や、PDF以外のファイル形式をご希望の場合はご相談ください。

対象

• 三度の飯よりCSSが好きな方
• 三度の飯の方が好きだけどCSSも好きな方
• いやいや、俺は三食食わないよ、という方（？）
• 学生でWeb制作業界に興味を持っている方

概要とスピーカー紹介

LT前半パート（各5分）

「SCSSで使える@eachが結構デキるヤツだった話」

株式会社コムセント ウェブエンジニア 野地 剛（NOJI Go）

今や当たり前となったSCSSですが、ネストや変数、mixin以外にも便利な機能が沢山あります。その中でも今回は取っつきにくい@eachに隠された魅力を紹介したいと思います。

「『あれ？CSSが反映されない！』を二度とやらないために」

taskey株式会社 フロントエンドエンジニア/Frontend Vice President 深見 将一（FUKAMI Masakazu）

「あれ？このクラスに書いたCSSが反映されない？なんで？」CSSの詳細度を理解していないあの頃、誰でも一度は体験したことがあると思います。基礎の基礎から発展まで、5分間でもう一度確認してみましょう！

「『現在地はリンクなしで！』に手っ取り早く対応する」

株式会社まぼろし フロントエンドエンジニア 越智：伊藤 由暁（OTI : ITO Yoshiaki）

グローバルナビ、パンくずナビ、ページネーション…それらに付き物なのが、現在地（カレント）のページではリンクを貼らないでというオーダーです。条件分岐でa要素からspan要素に変える作業がダイキライなあなたを、たった1つのCSSプロパティーで必ず笑顔にしてみせます。

「ラクするCSSツール」

株式会社まぼろし マークアップエンジニア 久保 知己（KUBO Tomoki）

パソコンやスマートフォンなどデバイスが多様化し、近年のCSSは複雑化しています。CSSをラクに書くためのツールを紹介します。

「background2016」

株式会社まぼろし ウェブデザイナー 宮田 優希（MIYATA Yuuki）

CSSを書き出して間もない方も熟練の方もbackgroundプロパティにはなにかとお世話になっているのではないでしょうか？　今回はそんなbackgroundプロパティについて、改めて復習してみましょう！

LT後半パート（各5分）

「速い！CSS」

idw.jp Web開発者&デザイナー 五十嵐 武志（IGARASHI Takeshi）

「RWDでCSSが複雑になった」「CSSフレームワークは重い」とお困りの皆さま。軽量化しやすいCSS開発や、配信を最適化して表示速度を高めるヒントをご紹介します。

「君の名は。」

株式会社トゥーアール フロントエンドエンジニア 中村 勇希（NAKAMURA Yuuki）

CSSを書いていると、モジュール名にクラス名と、あれこれ命名に悩むことがあると思います。そんな時のための、少しトクするお話をするかもしれません。

「CSS3アニメーションでインターフェイス表現をつくる」

フリーランス フロントエンドエンジニア 野中 文雄（NONAKA Fumio）

CSS3のアニメーションを使った作例のご紹介です。応用の幅が広いインターフェイスをひとつお題とします。JavaScriptコードを書かなくとも、3D表現などを採り入れればこけおどしが可能です。

「ワンステップ上のCSSアニメーション」

株式会社シフトブレイン フロントエンドデベロッパー / インタラクティブデザイナー 東倉 司（TOUKURA Tsukasa）

普段皆さんも使ってるCSSアニメーションを「もう少しかっこよく」「もう少しいい感じにしたい」と思ったことはありませんか？？本LTでは意外と見落としがちなアニメーションのTIPSをいくつか紹介します。

「横並びだけじゃない！ 知って得するFlexboxの便利機能」

株式会社ICS インタラクションデザイナー 鹿野 壮（KANO Takeshi）

Flexboxは、floatに代わるボックスのレイアウト手法として注目されていますが、単なる横並びのためだけの仕様ではありません。本LTでは、横並び以外でも力を発揮するFlexboxの便利な機能を紹介します。

参加費

無料

• 懇親会参加の方は、当日受付で1,000円をお支払いください。
• 本編のみ参加の方は、当日受付で1口100円の募金にご協力をお願いします（任意）。
• 収支はすべてGitHub Wikiで公表し、事務用品費などの活動費用として使用します。

会場

ICTCO（イクトコ）
※ビルの入口とは別に専用入口があります。道順のご案内をご参考ください。

タイムテーブル

※懇親会は、移動せず同じ会場で行います。アルコール、ソフトドリンク、かんたんなおつまみをご用意します。

YouTube Live配信

当日は、19:00前後からDISTのYouTubeチャンネルでライブ配信を予定しています。

DISTについて

以下の3つをコンセプトとして、有志が運営する非営利の勉強会です。

• 職種の垣根を越える
• 特定の技術に依存しない
• 今日から現場で使える

デザイナー、デベロッパーという区別をつけて一人一役での仕事をしていた時代は終わろうとしています。職種や技術を超えて、Web制作にまつわるあらゆることを、みんなで集まって学んでいく会を作りたいと考えています。

注意事項

• スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、公式サイトのお問い合わせフォームよりお問い合わせください。
• 会場のWi-Fi一般開放はありません。
• 会場の電源をご利用いただけます。電源の数には限りがありますのでご了承ください。
• ネット配信、写真撮影を予定しています。撮影NGの方は事前にお申し出ください。
• 当日お支払いいただいた懇親会費や募金の返金は一切できませんので、あらかじめご了承ください。
• 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。