CSSBattle
Flexbox Froggy
CSS Grid Garden
Codier
CodeCombat
CodePen
Scrimba
Robocode
PatternPad
Patterninja
Pattern Monster
MagicPattern
SVG Stripe Generator
Patternizer
SVGeez
Doodad.dev's Pattern Generator
CSSBattle
PatternPadNo PatternPad videos yet. You could help us improve this page by suggesting one.
Based on our record, CSSBattle seems to be a lot more popular than PatternPad. While we know about 72 links to CSSBattle, we've tracked only 3 mentions of PatternPad. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
I recommend checking out CSSBattle. Here is a fun video to watch to get an overview of the game:. - Source: dev.to / about 1 year ago
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 / over 1 year ago
. 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 / almost 2 years ago
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 / about 2 years ago
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 / about 2 years ago
Design beautiful custom patterns effortlessly with PatternPad. - Source: dev.to / over 1 year ago
PatternPad: It generates graphical patterns based on a variety of parameters. This results in an endless number of variations. You can choose from popular styles or create your own individual pattern. - Source: dev.to / about 2 years ago
That's an SVG pattern in a CSS background-image property, the exact line of code is here. If memory serves me correctly, I used this site to generate the pattern: https://patternpad.com/. Source: about 4 years ago
Flexbox Froggy - A game for learning CSS flexbox
Patterninja - Create patterns online
CSS Grid Garden - A game for learning CSS grid layout
Pattern Monster - Pattern Monster is a pattern maker app to create vector patterns for your projects
Codier - Explore and attempt front-end coding challenges.
MagicPattern - The best design toolbox with 10+ tools for anyone