In the last couple of months, I've been writing (some would say preaching!) about security, performance, accessibilty and other aspects of frontend...
For further actions, you may consider blocking this person and/or reporting abuse
Thank you
Not sure if this is a massive coincidence or you saw my post and thought you would "throw down the gauntlet" as I said 😋, but I literally just wrote a similar piece about my old website.
I decided I had to add a comment on my post highlighting your site as your site is awesome! I especially love being able to swap the colours with the slider and change the shape of the sections!
I now have to go and fix my PWA so it works offline again, a complete waste of time as the site will no longer be used but you have made me want to compete 🤣!
Thank you! It is indeed a coincidence - I've been working on a draft for this article the whole week!
Really neat!
The circle in the center seems to be broken for me.
Screenshot: dev-to-uploads.s3.amazonaws.com/up...
My setup: Firefox 86.0.1 running on a Debian 10
Thanks! I'm fully aware of the Firefox bug - and, believe me, I've really tried to fix it! The navigation is using
<textPath>
-elements for shaping the text on circles, and<use>
the same circle for all the rings. For some reason, the inner<use>
-circle andtextPath
does not render properly in Firefox. I've tried to create a custom<circle>
for this circle only and a lot of other stuff, but that didn't help either.Edit: I think your high contrast mode covers what I mention below. So feel free to disregard =)
Super creative and well thought out. I appreciate the attention to accessibility and your consideration for users with vision impairment.
I think it is important to remember though that what we deem to be readable as individuals will not reflect the experience of all. It's great users are able to change the color scheme as they see fit, but I think it would be a nice feature to include a few pre-made schemes, one of which was compliant with color contrast standards.
Really awesome work!
Thank you! I think my next step will be looking into
forced-colors
andforced-colors-adjust
, allowing the user to set the colors themselves via the OS – but maybe calculate some of the colors, based on the user's preference.So cool. I really like the circular navigation and monochromatic color scheme. I love how you wrote this article, as well. Explaining that your goals were to make your website valid, fast, sustainable, secure, and accessible; and then explaining the impetus of those design decisions.
I've tried collecting a few different resources to develop my own design philosophy. Judging from your website I've found another :) Validity, while not a new term per say, is a new consideration for me as a beginner web developer. Something I did not really think about before reading your article.
Thank you! For me, it was also fun to make the circular navigation – I'd never made a navigation within an
<svg>
-element before!Color palette generator tool is really useful idea. It could be extended with WGAC color contrast analyser values (something similar as from github.com/opendevtools/wcag-color or from CCAe/CCAcontroller.js tool).
Thanks! There's also the new CSS
color-contrast()
-function – only in Safari for now, but coming to other browsers: developer.mozilla.org/en-US/docs/W...