CSSBattle
Flexbox Froggy
CSS Grid Garden
Codier
CodeCombat
CodePen
Scrimba
Robocode
Pattern Monster
Patterninja
SVG Stripe Generator
PatternPad
Patternizer
SVGeez
Doodad.dev's Pattern Generator
Plain pattern
CSSBattle Pattern MonsterPattern Monster's answer:
Based on our record, CSSBattle should be more popular than Pattern Monster. It has been mentiond 72 times since March 2021. 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
Pattern Monster: A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more. - Source: dev.to / about 2 years ago
SVG Patterns (if it counts as illustration:) https://pattern.monster/. Source: about 3 years ago
For the back of the card I'll use and SVG pattern, feel free to use the one you like the most from Pattern Monster. Also center the background image with background-position, and make it cover the full card by adding background-size: cover;. - Source: dev.to / over 3 years ago
I'd like to put together a POC to show some possible solutions. I know there are some tools out there such as https://pattern.monster/ and https://haikei.app/ which can generate images, but ideally this would be a library or at least an API I can hook into, so admins can just create templates in our admin application without having to go to an external site and manually knock a thumbnail up. Although not required,... Source: over 3 years ago
Bonus points for adding a custom background - pattern.monster is a must-use, in my personal, humble opinion. Source: almost 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
SVG Stripe Generator - SVG Stripe Generator is an easy-to-use tool that enables you to create unlimited stripes and then download them to the device.
Codier - Explore and attempt front-end coding challenges.
PatternPad - Create beautiful geometric patterns
