DEV Community

Cover image for Star[Rating] Wars - The MadsAfif Menice [An even better star rating system and a comparison]

Star[Rating] Wars - The MadsAfif Menice [An even better star rating system and a comparison]

GrahamTheDev on July 05, 2021

In a galaxy...not so far away...two Sith decided to create star rating widgets that were not fully accessible, a part of their devious plan to excl...
Collapse
 
grahamthedev profile image
GrahamTheDev •

@afif and @madsstoumann I decided against an angry rant, this is far far sillier 😋🤣🤣

Collapse
 
afif profile image
Temani Afif •

Well, I came from the future. From where I came, there is no iPhone and no one know about IE, it never exists but I am discovering this in 2021. In my future there is no Safari, we only have one browser called FireChrome (yes firefox merged with google chrome). I was sent from the future to avoid that merge.
Ah and for your information, we no more talk about accessibility in the future because we have discovered a way to control everything with our mind. You close your eyes and you navigate so what I am doing is accessible in 2150 !!
You are useless in the future!

Collapse
 
grahamthedev profile image
GrahamTheDev •

I think I broke dev.to with this post...30 views after 4 hours? That seems little low 😬

Thread Thread
 
afif profile image
Temani Afif •

That's what you earn when you attack the Boss! The Dev audience is under my control:

Thread Thread
 
grahamthedev profile image
GrahamTheDev • • Edited

is it something that the Xantorus controls? If so can you undo it, I am sat at 99k total views and although I don't normally care I would like to pass that 100k mark this week!

(p.s. you must have done 250k recently if I got my numbers right, if so congrats!)

Thread Thread
 
afif profile image
Temani Afif •

It's under my control like the Xantorus, the Xerefus and the Xirus are!
and I will probably decrease your views until it reaches 0!

Collapse
 
link2twenty profile image
Andrew Bone •

Dammit, I just did a post about using unicode now you've done it too!

Collapse
 
grahamthedev profile image
GrahamTheDev •

I included your post in the article so you don't feel left out! 😋🤣

Collapse
 
link2twenty profile image
Andrew Bone • • Edited

Phew, I can put all my insecurities away now 😅

Collapse
 
grahamthedev profile image
GrahamTheDev •

Ah darn it, well the lightsabres aren't unicode...but why are you joining the battle? I can't fight 3 of you 😋🤣🤣

Collapse
 
link2twenty profile image
Andrew Bone • • Edited

Was just feeling a little left out 😔😉

Thread Thread
 
grahamthedev profile image
GrahamTheDev •

We practically built the same thing so that is reassuring that I have it right this time!

You are welcome to join the fight but I think we are going to need a new component to work on soon, maybe we all have a go at the <abbr> element next? 🤣

Just reading your article now!

Collapse
 
lakbychance profile image
Lakshya Thakur •

Meanwhile me :-

baby yoda

Collapse
 
link2twenty profile image
Andrew Bone •

I do hope you do a follow up post with an updated way of building them it'll be good to see what you've learnt 😁

Collapse
 
grahamthedev profile image
GrahamTheDev •

girl looking at camera as house is on fire behind her

Collapse
 
siddharthshyniben profile image
Siddharth •

I had a feeling this would happen... I should join the fight maybe with some terminal star ratings because that's the only thing I'm good at :D

Collapse
 
grahamthedev profile image
GrahamTheDev •

The more the merrier! 😋🤣

Collapse
 
jwhenry3 profile image
Justin Henry •

I like the simplicity, but the hover states aren't reflecting accurately on Chrome OSX 91.0.4472.106

Collapse
 
grahamthedev profile image
GrahamTheDev •

How do you mean? Not working at all or there is an issue with how they display? And is that for all of them?

Collapse
 
jwhenry3 profile image
Justin Henry •

When I hover the stars, it does not change the style of the star I am hovering and the preceding stars.

Collapse
 
madsstoumann profile image
Mads Stoumann •

My solution should work without JavaScript, when accent-color is supported in CSS.
/Darth Stoumann 😁

Collapse
 
myleftshoe profile image
myleftshoe •

EPIC

Collapse
 
grahamthedev profile image
GrahamTheDev •

Glad you liked my silliness!

Collapse
 
hasnaindev profile image
Muhammad Hasnain •

LOL, I just noticed the lightsabres. 😂

Collapse
 
grahamthedev profile image
GrahamTheDev •

I just had to given the silliness of the article 😋