DEV Community

Ben Halpern
Ben Halpern Subscriber

Posted on

Table Tennis in Pure HTML CSS 🀯

No JavaScript to be found here:

Oldest comments (28)

Collapse
 
afif profile image
Temani Afif

too bad there is no Play button ;)

Collapse
 
hackercabin profile image
Simon • Edited

Here is one you can play!

codepen.io/thecodingpie/pen/NWxzBxJ

Collapse
 
lionelrowe profile image
lionel-rowe

Could you replace this with a plain link or autoplay-disabled embed? The autoplay audio is kinda irritating.

Thread Thread
 
hackercabin profile image
Simon • Edited

sure

Collapse
 
afif profile image
Temani Afif

nah, in that one there is JS :)

Thread Thread
 
Sloan, the sloth mascot
Comment deleted
 
coffeecraftcode profile image
Christina Gorton

Usually because you can learn a lot by trying to limit yourself. These aren't experiments you would put in production usually but they help you learn new concepts in a fun way. And sometimes they are just for fun!

Thread Thread
 
afif profile image
Temani Afif

what's the point of running a 2h marathon and get tired if we can simply use a car to reach the final line in 10min ? ;)

Collapse
 
kjbaxter65 profile image
Kevin J. Baxter

Great game. Thanx for sharing!

Collapse
 
lorenzoblog profile image
Lorenzo

So you are also a developer! I didn't know...

Collapse
 
calinbaenen profile image
Calin Baenen

Wow. This is impressive.

Collapse
 
madza profile image
Madza • Edited

and I thought the calculator was a challenge πŸ˜€πŸ˜€

Collapse
 
heymich profile image
Michael Hungbo

This is amazing!

 
ben profile image
Ben Halpern

Of course this in particular is more for art and experimentation than practicality, but there are certain situations where constraints exist for very valid reasons (security being a huge one)... It's not impossible, but much harder to, say, pull XSS without a full programming language running.

Thread Thread
 
afif profile image
Temani Afif • Edited

@lifelongthinker it was a rhetorical question :)

Collapse
 
tyler320sc profile image
Tyler Carroll

Really cool!

Collapse
 
mzaini30 profile image
Zen

Sass is JS in CSS πŸ˜‚

Collapse
 
lepinekong profile image
lepinekong

Wow :)

Collapse
 
rahulbanerjee99 profile image
Rahul Banerjee

This looks really cool!