CSS Speedrun – A small game to test and improve your CSS knowledge

In plain words

CSS Speedrun is a game designed to test and improve CSS knowledge through timed challenges. Players work through CSS-related tasks to measure their proficiency and skill development. The game targets web developers and designers who want to practice and refine their CSS abilities in an interactive format. It offers a competitive, gamified approach to learning CSS concepts.

written from the facts on this page · September 2026

From the sources

Enter the CSS selector, which applies to all elements with an arrow ➡️ and press enter or the submit button. The timer will start once you correctly solved the first puzzle. Feel free to checkout the GitHub Repository and create your own puzzles. Please let me know on Twitter if you do sofrom css-speedrun.netlify.app

• 
  playCSS2023 · ▲171

  Improve your CSS skills by playing daily challenges

• 
  Tailwind CSS Play2020 · play.tailwindcss.com · ▲465

  An advanced online playground for Tailwind CSS

• 
  CSSBattle2019 · cssbattle.dev · ▲309

  Play against others in golf with your CSS skills

• TR
  Tailwind.run – An Online Playground for Tailwind CSS2019 · tailwind.run · ▲181
• 
  CSSBattle – The First CSS Code Golfing Battleground2019 · cssbattle.dev · ▲19

  Compete in fun CSS games and challenges. Recreate target images in the shortest CSS code possible — daily CSS practice, real-time CSS battles, and shape/layout challenges. Free to play.

• IM
  I made a game to improve my typing speed2024 · keysmash.no · ▲113

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 4d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• LA
  Looptap – A minimal game to waste your time▲1,241

  Life & fun · 2022 · looptap.vasanthv.com

• 
  Fig▲956

  Autocomplete for the Terminal

  Dev tools · 2022 · fig.io

• 
  Copywriting Examples▲871

  The world's best copy. In one place.

  Growth · 2022 · marketingexamples.com

• 
  Web page that parses and explains the label on a bike tire▲631

  History: Last year I had to replace the tire on my bike, and I was surprised how difficult it was to find a suitable new tire. There were a lot of numbers written on the casing, so I googled what they meant. In the end I was successful, but I didn't want to do the same work again for the next bike after I've forgotten the details. So I wrote this website. Technically, the web page is kept very simple, no frameworks, no templates, no website builder. It uses HTML5, CSS and JavaScript, and it privides a responsive layout for mobile usage. I'm happy to receive feedback. If you have tried the…

  Life & fun · 2022 · fahrrad-tools.de

• 
  Startup Recipes▲626

  The ultimate MVP cheat sheet with 60+ startup formulas

  Dev tools · 2022 · mvprecipes.com

• 
  hagrid▲595

  No-code user-generated FAQ, for any webpage

  Dev tools · 2022 · magicstudio.com