WebHack#26 x Indeed: Animation w React & Tailwind

イベント内容

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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント