CSSBattle Reviews and details

Social recommendations and mentions

• What we do with the box-shadows

  Every now and then I get a "CSS phase". The latest one started when I discovered CSSBattle. This website has daily challenges where you need to reproduce an image with CSS with the least amount of characters. I am horrible, extremely verbose, but I must say I got obsessed. - Source: dev.to / 4 months ago

• 100+ FREE Resources Every Web Developer Must Try

  . CSS Diner: Practice CSS selectors with a fun game. . Flexbox Froggy: Learn CSS Flexbox by playing this game. . Grid Garden: Master CSS Grid layout by playing this game. . Flexbox Defense: A game to learn CSS Flexbox. . CSSBattle: Compete against others by writing CSS code. . Flexbox Zombies: Learn CSS Flexbox by playing this game. - Source: dev.to / 10 months ago

• Let's talk about CSSBattles

  Recently I discovered a great website to exercise my CSS skills in a different way daily. CSSBattle offers every day a different "target", a design you should make as close as possible with CSS. I highly recommend it cause it helps me to get more familiar with CSS proprieties like margin, padding, display, and more. Would you like to join and/or share your results with me? I'm always looking for new ways of... - Source: dev.to / 10 months ago

• Frontend Challenge: Evil Cat CSS

  This submission was inspired by Frontend Friday Folks Fighting CSSBattle.dev hosted by Virtual Coffee. It is an activity where you take on a challenge at CSS Battle. I completed the CSS Battle #175. Evil Cat challenge. - Source: dev.to / 11 months ago

• 100+ FREE Resources Every Web Developer Must Try

  CSSBattle: Compete against others by writing CSS code. - Source: dev.to / about 1 year ago

• CSS and the Browser's Hardware acceleration

  Get your hands dirty on css here : Https://cssbattle.dev/. - Source: dev.to / over 1 year ago

• 21 Resources to Learn And Practice Your CSS Skills

  CSSBattle is a competitive platform where you compete against others by creating the target images using CSS and improve your CSS skills. - Source: dev.to / over 1 year ago

• Flexbox Froggy

  Other interesting games for learning CSS, https://cssgridgarden.com/ (basically Froggy for Grid) https://cssbattle.dev/ (a platform for doing various challenges, huge community) https://flukeout.github.io/ (learn about CSS selectors) https://css-animations.io/ (practice CSS animations). - Source: Hacker News / over 1 year ago

• CSS Battle Two-Toned Circle

  Here's a recent CSS Battle daily target. It's only live for 24 hours. After that you can't get a score on it, unless you have the PLUS Plan. - Source: dev.to / over 1 year ago

• How to learn & master CSS

  Properties-values in CSSBattle - CSSBattle is a game where you play each level by replicating a given image as close as possible in just CSS in minimum number of characters (also called as code-golfing). Now writing minimum CSS may sound very impractical and it is! But you don't need to do code-golfing and can just focus on the matching the image part. Now even that might sound impractical, and yes that is! But... - Source: dev.to / over 1 year ago

• CSS Battle: Test your Skills

  Recently Virtual Coffee @virtualcoffee) has introduced me to CSS Battles at CSS Battle.Dev It's a site that challenges your CSS skills. They show you an image and you recreate it as close as possible. - Source: dev.to / almost 2 years ago

• Need advice

  Also play in https://cssbattle.dev/ can be helpful in using css in ways you didnt expect. Source: almost 2 years ago

• Advice on getting better at CSS

  As far as learning syntax goes try websites like css-tricks, smashingmagazine, css-irl (an underrated gem) and even this fun website. I've been in your shoes before, I love writing css but I've noticed that while the syntax can be easily learned simply by practicing, when senior devs say "improve your styling/css skills" they often mean to say "learn design principles and pay attention to detail more", so try... Source: almost 2 years ago

• I am terrible at css, but my employer has too much expectation

  I found CSS Battle to be quite handy for practice. I basically ignore most of the 'do it in the fewest characters' part of the challenge, as that is generally the opposite of what you want to do in real CSS, but it's good for some aspects of becoming familiar with some of the nuts and bolts of CSS. Source: about 2 years ago

• Leetcode for Front End Web Design?

  Https://cssbattle.dev/ -> someone suggested this to me, pero never ko pang na-try haha, might be helpful sayo. Source: about 2 years ago

• CSS is hard

  My friend built a website called https://cssbattle.dev To solve all the challenges in this website, I finally learned CSS. Source: about 2 years ago

• CSS Battle: #17 - Fidget Spinner

  In this article, I will solve a Fidget Spinner CSS Challenge on CSS Battle. Let's look at the problem first. - Source: dev.to / over 2 years ago

• My Journey in Web Development - Dev Retro 2022.

  Without Muazam, Harshit, Avichal and Arindam bhaiyas help, I wouldn't have been able to reach where I am today, they helped me to master the basics by guiding me and the team to learn consistently, build projects and always be open to asking doubts without any hesitation. We had fun times building projects together, playing small development games like https://cssbattle.dev, mini hackathons and stuff that kept... - Source: dev.to / over 2 years ago

• I feel so stupid. I can’t even make a simple navbar without copying code.

  If you want to master real css, you might wanna try out cssbattle for practice and keep practicing on there. The way I learnt CSS was watching CSS battle videos between Kevin Powell and Web Dev Simplified. Watching their thought processes to build shapes using css really helped me get a professional perspective on how to write my own. Source: over 2 years ago

• CSS Battle: #16 - Eye of the Tiger

  In this article, I will solve a Eye of the Tiger CSS Challenge on CSS Battle. Let's look at the problem first. - Source: dev.to / over 2 years ago

• The self-taught UI/UX designer roadmap (2021)

  - https://cssbattle.dev/ my full list https://github.com/sw-yx/spark-joy. - Source: Hacker News / over 2 years ago