CSSBattle

Play against others in golf with your CSS skills

get it
#1 Product of the DayApril 04, 2019
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?
Reviews
  • Zach Reed
    Zach ReedUI/UX Designer
    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

    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.

    Zach Reed has used this product for one day.
  • mimta
    mimtaDeveloper
    Pros: 

    Fun way to skilled up css

    Cons: 

    nothing

    It would have great, if others submission can be public and ranking of my own submission.

    mimta has used this product for one day.
Discussion
You need to become a Contributor to join the discussion.
Zach Reed
Zach Reed@bluetidepro · 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?
kushagra gour
kushagra gourMaker@chinchang457 · 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.
Zach Reed
Zach Reed@bluetidepro · 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.
@bluetidepro I was looking for the same thing! Because I scored 94.5% and I wanted to know how to improve.
Patrick Johnson
Patrick Johnson@pmjtweets · Founder @ 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.
kushagra gour
kushagra gourMaker@chinchang457 · A creative Human!
@pmjtweets well said 👏🏼
kushagra gour
kushagra gourMaker@chinchang457 · 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 :)
Rachit Gulati
Rachit Gulati@squiroid · FrontEnd Developer
This is crazily addictive. I loved it 🥰. It's super awesome for folks who wants to check their CSS skills 😇🌈🌈
kushagra gour
kushagra gourMaker@chinchang457 · A creative Human!
@squiroid Thanks Rachit!
Max Böck
Max Böck@mxbck · Web Developer, MXB
this is surprisingly fun and shows how resilient the languages are. great idea!
kushagra gour
kushagra gourMaker@chinchang457 · A creative Human!
@mxbck True! Thats the premise for golfing :)
Bevan Kay
Bevan Kay@bevankay · Bevan Kay Designs
This is great! Would love to be able to see the method used by the top 10.
kushagra gour
kushagra gourMaker@chinchang457 · A creative Human!
@bevankay Thanks! I'll leave that call to the top 10 :)