CSSBattle

Play against others in golf with your CSS skills

CSSBattle is an online CSS Code Golfing battleground. Here, players from all around the world try to visually replicate "Targets" in smallest possible CSS code and battle it out to get to the top of the leaderboard.
Are You Game?
discussion
Would you recommend this product?
24 Reviews5.0/5
Zach Reed
UI/UX Designer

Overall, really cool. Def worth expanding this further! I wish I could see the code of the leaderboards though, to see how they got such low scores.

Pros:

- Really fun challenges - Love the concept of leaderboards - Easy signup

Cons:

- To get low characters, can do "hacks" that you'd never want to do like not having an ending "/style" tag, or abusing shorthand/whitespace

Share
kushagra gour
Maker
A creative Human!
Hello World! We bring to you the first ever code-golfing battleground for CSS lovers! We won't say much, head over to https://cssbattle.dev, try to replicate any target with the smallest possible HTML/CSS and climb the leaderboards! See you on the battleground :)
Share
Zach Reed
UI/UX Designer
I'm confused. Can you not see the code that the leaders submitted? Or am I missing it somewhere in the UX?
Share
kushagra gour
Maker
A creative Human!
@bluetidepro Nope. That would take away the battle premise. But we are looking into ways to get some knowledge sharing in there. Ideas welcome.
Share
Zach Reed
UI/UX Designer
@chinchang457 I think the battle premise is slightly flawed currently anyways with the weird hacks you can do to cut down on characters. It's more about figuring out weird stuff you can actually submit and still have it work than using minimal VALID css/html.
Share
@bluetidepro I was looking for the same thing! Because I scored 94.5% and I wanted to know how to improve.
Share
Patrick JohnsonFounder @ PreFlight
@chinchang457 @bluetidepro hacking is part of good front end development. Knowing how you can break the rules is a sign of mastery, not failure.
Share
kushagra gour
Maker
A creative Human!
@pmjtweets well said 👏🏼
Share
Rachit GulatiFrontEnd Developer
This is crazily addictive. I loved it 🥰. It's super awesome for folks who wants to check their CSS skills 😇🌈🌈
Share
kushagra gour
Maker
A creative Human!
@squiroid Thanks Rachit!
Share
Max BöckFrontend Dev @ Codista
this is surprisingly fun and shows how resilient the languages are. great idea!
Share
kushagra gour
Maker
A creative Human!
@mxbck True! Thats the premise for golfing :)
Share
Hunting down comments...