Subscribe
Sign in
PLAYCSS
p/playcss🚀 Level Up Your CSS Skills with PLAYCSS V2!
Start new thread
Frank Eno

playCSS - Improve your CSS skills by playing daily challenges

by•

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 🚀

Add a comment

Replies

Best
Frank Eno
Maker
📌
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!
Frank Eno
Maker
@csaba_kissi Thanks so much, Csaba! ❤️‍🔥
Alex Kachalov
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! 🙌
Frank Eno
Maker
@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 ;)
Ross Currie
@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.
Frank Eno
Maker
@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?
Ross Currie
@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
Frank Eno
Maker
@rossdcurrie Oh yeah, thanks for pointing out, I'll fix it right away ;)
Yannick
I thought I would be a new challenger but I litterally have no idea how to code those things...
Frank Eno
Maker
@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 😉
Frank Eno
Maker
@mho22 Awesome 👍
Rami
sounds fun!
Frank Eno
Maker
@kingromstar If you love CSS, it’s really a fun place to test snd showcase your skills 😉
Salar Davari
I'm all in for gamification intertwined with education 😁👍👍👍 Really enjoyed your product guys. Nothing seemed out of ordinary! Congratulations on the launch!🙌🎉🎉
Frank Eno
Maker
@salar__davari Thanks so much, glad you like it!
Fernando Doglio
Great idea! Best of luck Frank!
Frank Eno
Maker
@fernando_doglio Glad you like the tool, Fernando! 🙏
Devluc
What a fun way to practice CSS. Great work Frank. Good luck with the launch
Frank Eno
Maker
@luciantartea Thanks Lucian, happy you like this tool! ❤️‍🔥
Vasily Malyshev
Good luck, guys! Gamifying education is the way to go!
Frank Eno
Maker
@stoicbasil Thanks Vasily!
Vanshika Sharma
Gonna try it out. Congratulations on the launch, Frank.
Frank Eno
Maker
@vanshika_sharma5 Thanks! Hope you’ll have fun, wanna see your name in the Leaderboard as well 🏆
Lance
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!
Frank Eno
Maker
@lance1 Glad you like this tool! Wanna see you climb the Leaderboard ;)
Frank Eno
Maker
@yashthakker Thank you, looking forward to see your name in the Leaderboard ;)
Ashmil Hussain
Congrats on your launch
Frank Eno
Maker
@ashmil_hussain Thanks! 🙏