/explore
|
You are here 
|
www.stefanjudis.com | ||
| | | | |
www.ryanfiller.com
Creating an accessible Alert style component with a smart cacheing system |
|
| | | | | ||
| | | | |
www.smashingmagazine.com
Depending on how a user browses the Internet, modal windows can be downright confusing. Modals quickly shift visual focus from one part of a website or application to another area of content. This scenario is more common than it should be. And it's fairly easy to solve, as long as you make your content accessible to all through sound usability practices. In this article, Scott O'Hara has set up ademo of an inaccessible modal windowthat appears on page load and that isn't entirely semantic. First, interac... |
|
| | | | | ||
| | | | |
www.marcozehe.de
[AI summary] This post provides a technical guide on creating accessible modal dialog boxes using HTML5, WAI-ARIA attributes, and JavaScript to ensure proper keyboard focus and screen reader support. |
|
| | | | | ||
| | | | |
aaronluna.dev
Hugo includes a built-in syntax-highlighter called Chroma. Chroma is extremely fast since it is written in pure Go (like Hugo) and supports every language I can think of. Chroma's speed is especially important since syntax highlighters are notorious for causing slow page loads. However, it lacks one vital feature - an easy way to copy a code block to the clipboard. I decided to document my implementation using only vanilla JS since every blog post I found for this issue relied on jquery to parse the DOM,... |
|
| | | |||
