I've been busy with some other projects, but today I finally released a new Dashboard version 🔥


@ghost_letters @kev I was wondering the same. I was thinking about cross-posting my articles on dev.to for the reach, but I wasn't sure if it's worth the effort.

@celia "My markup has be­come gory and un­read­able. I’d like to sim­plify it and make sense of it at first glance."

Interestingly, your argument for dropping functional CSS is the same argument I have for using it in the first place - "making sense at first glance". When I see a semantic ".post-header", I know what it is supposed to be. But I have no idea about the styling, so I need to take a second glance into the stylesheet.

@celia "I have to wait for the de­vel­op­ers to add sup­port for CSS fea­tures"

I see Tailwind as an addition to my existing styles. It's an abstraction that creates all the utility classes that I need. If something is missing, I just add the classes manually. In the end, functional CSS isn't bound to any framework.

After reading a tip from Stefan Judis about running shell examples with a leading $, here's my take from developer perspective: darekkay.com/tips/copy-shell-c

The Web Content Accessibility Guidelines contains 78 success criteria. Learn one criteria each day with Tip of the Day: tips.darekkay.com/html/wcag-en

@floppy Here are the examples for some contex (with no annotations, yet): darekkay.github.io/presentatio

The "wrong headline order" is a technical issue. In this example, we've got H1 and H2 headlines, and those cards use H5.

"Non-descriptive link text" is about using "read more..." links. For screen reader users, this is an issue, because they could TAB through the website and all they hear is "Read more link. Read more link. Read more link.". See the accessible version for a better solution

Improving demo examples for my upcomming accessibility talk - now with interactive annotations 💡

Check the of any page by running "npx evaluatory example.com"

Evaluatory is basically an axe-core wrapper, but a) it runs all checks at multiple breakpoints and b) it provides a visual HTML results page.


A new short post about using and enforcing LF line endings in Git repositories on Windows: darekkay.com/blog/windows-lf-l

I didn't know "Young Professional" is a thing in job ads. Sounds like "we're looking for a senior developer, but we're only paying junior rates".

Okay, so do I click the button to turn "Auto Forward" on or off? Toggle buttons without a clear on/off state are confusing your users (the white color is just the hover state)

I've been using Feedly as my RSS reader for the last 7 years. It's still a great tool, but after trying out Inoreader for a week, I'm sold: a more generous free tier, cheaper premium tiers and more power user features. inoreader.com/alternative-to-f

Testing minimum, avarage and maximum values for my upcoming Twitter dashboard widget 💡

So this is how a rather minor Hacker News exposure (15 points) looks like on the server:

A low text contrast often means a bad user experience. Here's an approach for designing and structuring color palettes so that we can prevent contrast ratio issues before they arise.


I didn't expect thousands of downloads for my 6-year-old just for fun plugin, let alone people creating pull requests 💖

But here we are: you can now get "valuable" commit messages through proxy connections: plugins.jetbrains.com/plugin/7

Show older

Fosstodon is an English speaking Mastodon instance that is open to anyone who is interested in technology; particularly free & open source software.