CSS Games and Drawings in the Real World: Useful or Just Fun?

on YouTube ↗28m

" summary

A space‑themed memory game is built with HTML+CSS only, using hidden inputs and the label+checkbox trick to simulate click state and simple game logic without JavaScript. A small survey of Brazilian developers reports 100% learned something from making CSS drawings or games. The demo is responsive via CSS Grid and uses custom properties and animations; the project works as a learning exercise and reveals practical CSS selector and positioning limits.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 15:36A space-themed memory game
3. 18:16How can we create a click-based action without a JS event onClick?
4. 24:313. The limitations of input (checkbox) and label HTML tags

" related talks

• 27mCSS as a Game Engine: Building Playful, Stateful Web Experiences Without JSAaron Krauss · Commit Your Code 2026
• 34mHow to Create Pure CSS GamesElad Shechter · DevDays Europe 2022
• 33mHow to Create Pure CSS GamesElad Shechter · AngularUP Experience 2020
• 34mLet’s Build a CSS GameUna Kravets · CSS Conf EU 2017
• 30mHow to create pure CSS gamesElad Shechter · CSSCamp 2021
• 30mHow to Create Pure CSS GamesElad Shechter · code.talks 2022
• 17mHow I Learn To CSSChen Hui Jing · CSSConf.Asia 2016
• 29mHow to Create Pure CSS GamesElad Shechter · ConfrontJS 2022