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 😋