機能改善 イベント資料の投稿において、SlideShareやSpeakerDeckと同様に、Docswellの資料を埋め込みスライド表示できるように対応いたしました。資料の投稿機能は、資料URLを指定するだけで、URLから取得した情報を、適した形でconnpass上で表示・共有できる機能です

お知らせ connpassプライバシーポリシーの内容を一部更新しました。詳細につきましてはこちらをご覧ください。

このエントリーをはてなブックマークに追加

Sep

11

WebHack#26 x Indeed: Animation w React & Tailwind

Registration info

Free Admission

Free

FCFS
78/100

Description

Acknowledgement

Tech Meetup WebHack would like to express the special thanks of gratitude to Indeed who provides the wonderful venue, food and drinks! 🍕🍺

About WebHack

WebHack focuses on wide-variety, cross-discipline technology sharing, as well as networking among all tech lovers. We host tech talk every month in cool tech companies at Tokyo, including Indeed, mercari, U-NEXT etc.

Call for speakers and sponsors!

  • Email us at: contact.webhack@gmail.com

Learn more about WebHack:

Introduction to WebHack #26 x Indeed

Talk 1: TailwindCSS - how to make css great again

Description

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. The speaker will demonstrate how you can build beautiful UIs without touching CSS at all via live coding.

This talk is for everyone. For beginners who have never done CSS and for CSS pros. Everyone will find something useful for themselves.

Speaker

Dariusz Czajkowski is a front and back-end developer from Kraków, Poland. He works mostly on the web, making websites for clients all around the world. Dariusz is active in the open-source space, creating packages, fixing issues and helping others with programming.

Talk 2: Animation with React, Step by Step

Description

Animating in React can be difficult, because of the lack of built-in support. Many libraries provide animations, but “there ain't no such thing as a free lunch”.

The speaker will walk through how to implement some difficult animations with React via live coding. A page transition effect, drag-and-drop layout animation using the FLIP technique, and a cool radial menu will be demonstrated. No animation libraries will be used.

This talk needs basic understanding about front-end and hence best suited for those with 1-3 years experience.

Speaker

Lachlan is a Design Technologist at Indeed. He works closely with designers to produce high fidelity prototypes. With a strong interest in UX and tools for the modern web in hand, he strives to get the details right.

Language

English

Schedule

Time Session
19:15 - 19:30 Registration and Food
19:30 - 20:10 TailwindCSS - how to make css great again
20:10 - 20:20 Break
20:20 - 21:00 Animation with React, Step by Step
21:00 - 21:30 Networking & Mingling
21:30 Good night!

Venue

  • Access
  • Transportation
    • Tamachi Station or
    • Mita Station
  • Registration
    • Indeed Tamachi Office 18F

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

IrisLi

IrisLi published WebHack#26 x Indeed: Animation w React & Tailwind.

08/16/2019 18:40

WebHack#26 x Indeed: Animation w React & Tailwind has been published!

Group

WebHack Meetup

Number of events 64

Members 1650

Ended

2019/09/11(Wed)

19:15
21:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2019/08/07(Wed) 00:00 〜
2019/09/11(Wed) 19:00

Location

Indeed Tamachi 18F

3-chōme-1-21 Shibaura, Minato City, Tōkyō-to 108-0023, Japan

Attendees(78)

fritz

fritz

WebHack#26 x Indeed: Animation w React & Tailwind に参加を申し込みました!

Tomohito Nakayama

Tomohito Nakayama

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

Yu-HaoChang

Yu-HaoChang

WebHack#26 x Indeed: Animation w React & Tailwindに参加を申し込みました!

IanChen

IanChen

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

scenee

scenee

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

Shreyansh Pandey

Shreyansh Pandey

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

sct

sct

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

美優

美優

WebHack#26 x Indeed: Animation w React & Tailwindに参加を申し込みました!

Jeffrey Bergier

Jeffrey Bergier

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

ArvinHuang

ArvinHuang

I joined WebHack#26 x Indeed: Animation w React & Tailwind!

Attendees (78)

Canceled (9)