Testing webmentions from Mastodon https://darekkay.com/blog/copy-shell-commands/
@splatt9990 True, happens all the time 😅
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 become gory and unreadable. I’d like to simplify 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 developers to add support for CSS features"
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: https://darekkay.com/tips/copy-shell-commands/
The Web Content Accessibility Guidelines contains 78 success criteria. Learn one criteria each day with Tip of the Day: https://tips.darekkay.com/html/wcag-en.html #wcag #a11y #accessibility
@floppy Here are the examples for some contex (with no annotations, yet): https://darekkay.github.io/presentations/accessible-web/resources/index.html
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
Check the #accessibility of any page by running "npx evaluatory https://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. #ui #a11y
A new short post about using and enforcing LF line endings in Git repositories on Windows: https://darekkay.com/blog/windows-lf-line-endings/ #git #windows
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) #ux
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. #rss https://www.inoreader.com/alternative-to-feedly/
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. #accessibility #a11y
I didn't expect thousands of downloads for my 6-year-old just for fun #IntelliJ plugin, let alone people creating pull requests 💖
But here we are: you can now get "valuable" commit messages through proxy connections: https://plugins.jetbrains.com/plugin/7536-what-the-commit
Front-end engineer @IBM • Accessibility advocate • Minimalist •
I love building awesome things and sharing what I know with others ❤️