Recreate daily target images in pure CSS and test your UI design skills while having fun π₯
Submit your works, share them anywhere you want, and get votes to scale high on the Leaderboard π
Hi everybody! It's been a long time I haven't built a side project, so I've recently decided to combine my game dev skills with my love for CSS, and created playCSS!
Hereβs a video preview: https://youtu.be/JKA--AVVldU?si=...
This tool is a fun way to test and improve your web design skills by recreating random images with pure HTML/CSS code in the live editor, a new challenge every day.
You can submit your works so that they will be visible on the "Today Submissions" page. Share them with your audience and get votes to scale high on the Leaderboard π
playCSS is free, and it will always be free to play and submit daily challenges.
With a PRO subscription you'll get the following benefits:
- Play past Challenges
- View the code of other players' Submissions (and your own ones as well)
- Code Editor with Autocompletion, Themes and Compare feature
- A nice shiny PRO badge
I hope you'll have fun playing with this tool, any feedback will be greatly appreciated!
@mho22 Take it as a fun way to learn CSS, search on w3schools for CSS position, background and color attributes, thatβs what youβll basically need to get started, then experiment in the playCSS editor, and win π
I'm all in for gamification intertwined with education ππππ
Really enjoyed your product guys. Nothing seemed out of ordinary! Congratulations on the launch!πππ
Great idea guys - learning is always personal but not many can argue that learning as a habit isn't good. Much better use of my time than doomscolling - all whilst learning CSS!
Wow, what a fantastic concept! As someone always looking to improve their CSS skills, I love playing daily challenges to enhance my UI design abilities.
I'm curious: does playCSS provide any resources or tutorials for beginners just starting with CSS? It would be great to have some guidance, learning materials, and challenges.
Also, it would be fantastic if a feature allowed users to leave feedback on each other's submissions. Feedback is a valuable tool for growth and improvement, and it would be interesting to see how the community could support each other in this way.
Overall, I'm excited to try out playCSS and see how it can help me improve my CSS skills. Kudos to the team for creating such a fun and interactive learning platform! π
@alex_kachalov Thanks for your feedback, really appreciated! For now there are no learning resources, but Iβll add something in the future. Also, you can share your works to social medias, email, etc., so that you can get a feedback from where you shared your creations ;)
@alex_kachalov@frankeno I'd like to +1 for some sort of learning resource. My first thought was "Oh, a daily challenge I can do instead of soduku to wake up my brain", but one glance at it and I realised I'm way out of my depth when it comes to my css skillset.
And then I thought "Well, no worries, I'll just look at submissions from other people and figure out how to do it", but there was only one submission for today (seems low considering PH launch?) and then I had to go pro to see the source... and then go pro to see previous submissions.
I feel like the paygate needs rethinking. I'm not saying not to have one, it just feels like the sort of thing where I'd like to be able to do a bit more before I pay, but my css skills are pretty basic so perhaps I'm not the right target of this.
Also, from a UX perspective if you go to Past Challenges and click "Play Now (Pro)", or the little play button, it doesn't do anything. My expectation is that it should pop up a little box that says "unlock past challenges for just $5/mo" or whatever your pricing is - but I can't see pricing anywhere, and I have to click on anything except the play button to open the sign-up interface.
@rossdcurrie Thanks for your feedback, anyway thatβs weird, if youβre not a PRO member and click on a Past target, an alert shows up asking you to get Pro, with a button that takes you to the pricing and list of benefits. What browser are you using, out of curiosity?
@frankeno Chrome, Windows 10. If you click on the past target it asks me to sign in/sign up, but if you click on the button on the target it has no action. Just checked in Edge as well, same issue. Here, I made a quick video: https://youtu.be/QKVGtDGT8CM
thinl.ink