Currently studying for the #cpacc exam and I found the #legal part surprisingly interesting. This topic was also relevant in a workshop I gave, so here's a couple of law suits that are #accessibility related:
With the popover API available in all browsers for a while now, we can easily build entirely accessible, even animated popovers for all use cases just with HTML and CSS. As an example I have created a codepen with a simple search button that opens a search field. #HTML#CSS#A11Y#accessibility https://codepen.io/philliproth/pen/OJYLyMp
Hi fediverse. My name is Nishiki and I’m a web dev with 15+ years of experience. I’m making myself available as a mentor for one or two motivated individuals looking to land their first junior engineering position. I’m happy to be able to say over the past few years, I’ve mentored 4 wonderful people who have all managed to land their first tech jobs.
Please email me at hello@nshki.com if interested. A boost for reach is much appreciated!
3 days until the @eleventy's International Symposium on Making Web Sites Real Good!
@mia will be there doing a quick dive into the origins of the web, and #CSS in particular—the design constraints, and the range of strange proposals, and how we got where we are.
So… do you know if there ways to add some JS "polyfilling" (?) those functions to be able to use them in prototypes/technical demos. To allow everyone to be able to display them correctly no matter their browsers instead of just displaying a "only works on recent Firefox and Safari" banner?
I decided (again) to prepare for the #cpacc exam by the #iaap after I had some doubt of it's usefulness.
But after doing a non-technical workshop for #accessibility newbies last week and believing that the #eaa will have some impact, I decided to go for it!
I'm using the @dequesystems prep course and read everything with 200% zoom. Unfortunately this makes paragraphs very long, so I'd like to share a #bookmarklet I quickly created to shorten them:
for (let paragraph of allParagraphElements) {
paragraph.style.width = '60ch';
}
})();
Here's a little tutorial on how to add them to you bookmarks: <https://www.freecodecamp.org/news/what-are-bookmarklets/>
#frontend #WebDev #HTML #CSS #JavaScript #a11y
I've finally managed to get relative CSS colors documentation published on MDN. This was a complex beast to tackle, and I'm proud to see it out! Get started at https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors; also see the color function pages to find out what relative colors look like in each.
@chrisdavidmills I'm afraid at the last minute it's going to come out of my talk because I think I may have found a bug!
Seems like doing say hsl(from Canvas 30 s l); doesn't follow how Canvas (a system color) flips between near-white to near-black when color-scheme changes from light to dark.