WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2021 • Jun 30, 2021

Playing Games with CSS

Elad Shechter

During lockdown, one developer built a pure CSS arcade game without any JavaScript. Discover how to leverage checkbox hacks and CSS counters to master complex skills through play.

Playing Games with CSS thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

3:49 min

Learning modern programming techniques through hackable web games

4:44 min

Exploring complex frontend experiments and retro game decompilation

Chris Heilmann Chris Heilmann +2 · LIVE

4:09 min

Leveraging CSS for complex system logic and state machines

Chris Heilmann Chris Heilmann +3 · LIVE

2:28 min

Generating joy through experimental browser games

Nolan Royalty · Coffee With Developers

10:08 min

Rendering a functional game engine using experimental CSS transformations

Chris Heilmann Chris Heilmann +2 · LIVE

2:36 min

Early programming experiences and discovering the web

David Heinemeier Hansson David Heinemeier Hansson +1 · Coffee With Developers

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40

Micro Frontends with Module Federation: Why and How?

Manfred Steyer · ANGULARarchitects.io

Data Science on Software Data thumbnail
48:10

Data Science on Software Data

Markus Harrer · innoQ

The journey from developer to devops - what i've learnt along the way thumbnail
42:44

The journey from developer to devops - what i've learnt along the way

Liam Hurrel +1

How Data is Shaping our Games thumbnail
43:30

How Data is Shaping our Games

Johanna Pirker · LMU Munich and TU Graz

Cross platform Augmented Reality development with React Native thumbnail
40:50

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Upcoming sessions on this topic

Open session

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

  • Wadad Parker

    Ednius Inc.

    SDE

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

Your Server-Rendered App Doesn't Know Who It's Talking To

  • Anshul Bansal

    OLX India

    Principal Architect

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Understanding React Performance Patterns Developers Often Get Wrong

  • Himanshu Srivastava

    Best Buy India

    Software Engineer

Related videos

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
1:01:17

CSS is DOOMed

Chris Heilmann +2

LIVE · Apr 2026

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
59:11

CSS is DOOMed

Chris Heilmann +3

LIVE · Mar 2026

WeAreDevelopers LIVE - CSS or BS? thumbnail
52:59

CSS or BS?

Chris Heilmann +2

LIVE · Apr 2026

Creating games to make the web fun again thumbnail
41:03

Creating games to make the web fun again

Nolan Royalty

Coffee With Developers · Nov 2024

WeAreDevelopers LIVE - The Shape of SVG to Come! thumbnail
59:56

The Shape of SVG to Come!

Chris Heilmann +2

LIVE · Jul 2026

WeAreDevelopers LIVE - Yes, CSS Can Do That! thumbnail
1:04:00

Yes, CSS Can Do That!

Chris Heilmann +2

LIVE · Mar 2026

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.