In the past, creating custom components required complex combinations of HTML, CSS, and JavaScript. However, the advancement of CSS in recent years...
For further actions, you may consider blocking this person and/or reporting abuse
Nice! Almost 4 years ago a bunch of us did a silly set of posts making star rating components. We got a little carried away with it but it was fun.
@grahamthedev @madsstoumann @afif can you believe it was that long ago?!
Damn, time flies!
Maybe time to do something like that again? 🤓
Oh you don't want a piece of this :-) hahah.
Time just flies, shows how little I have written lately as that felt quite recent!
That time when my stellar ideas were killing everyone! 😈
hmmm, I think you and I remember things differently 😜
No way! Alzheimer at your age?!! .. poor you 😧🤪
I’m in!
So what are we making?
I did the Solar System, Fibonaccis Spiral and the Periodic Table in CSS last year, and have been struggling coming up with something as recognizable (and fun!) as these — any ideas?
Inspired by my savings in the Lidl-app, I did this many months ago: browser.style/ui/progress-meter/
I'm sure Temani can do it with less or no JavaScript ;-)
That's a widget to display things... why does it use inputs behind the scenes when you can't click it? I am confuse.
Consider it an unfinished sketch, that’s why I mention it here — not sure if it should be interactive? Or a range-slider with custom ticks?
A, progress meter could be good, but leave it as wide as that rather than a particular type (ultimate progress meter).
Saying that, the only thing anybody builds nowadays is AI chatbots, so how about we just do a competition around "chat" (yet again, as wide as possible so we get the silly stuff again!)? 😁
I missed that party.
My <star-rating> was 22 lines of JavaScript in 2021
dev.to/dannyengelman/twinkle-twink...
This predates us by a month 😮
I consider you an honorary part of the competition now I have seen that...and you lost just the same as everyone else! 😱🤣💗
Story of my internet life:
I do things long before anyone else, and all I get out of it is the ability to say I did something long before everyone else.
I once had the domain name photomatchmaker.com. It was supposed to be a site where you could rate, like, or rank photographs.
Eight years later, I emailed Mark... but never got a reply.
Well now you are part of the competition you get the same level of response I would give everyone else:
Just because you were first does not mean your submission sucked any less than any of the others, 😱🤣💗
Really nice! 👏🏻
None of the star rating components allow for 0 stars, this reduces the effectiveness of such a rating as you will always have a bias to a favorable rating. This control might have a smaller one than most, but it still has a bias. I want to see a rating system with 5 solid stars and 1 hollow one. It would be a little more work, since the first hollow star would need to not allow ½ highlighting, and most likely you wouldn't want it to be highlighted when there is a value other than 0. So, the best solution for this problem is to have that case handled differently, most likely with JavaScript.
🎉 True Happiness for Developers!
There’s no better feeling than seeing your code run flawlessly on the first attempt! 🙌 At CultSoft, we celebrate these little wins that make the coding journey worthwhile.
💻 Let’s continue to code, debug, and innovate together, one successful execution at a time!
What’s your happiest coding moment? Share it in the comments below! 😊
CultSoft #CodingHappiness #DeveloperLife #NoErrors #TechCommunity
As final step may upgrade to a WebComponent.
All post is great. Final step of hours of operation amazing.
Very nice.
🤞
noiice!! VERY cool semantic CSS-first implementation! I Approve. 💯