corpus.blog
41554 blogs · [ { "id": "01a0b68b-4cd7-7095-b88d-6e27e414064e", "title": "Sarah L. Fossheim", "url": "https://fossheim.io", "published_at": "2026-09-07T05:20:44+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486612c239a", "title": "Dataviz accessibility principles, demonstrated by the 2024 presidential election dashboards.", "url": "https://fossheim.io/writing/posts/2024-dataviz-a11y-elections", "published_at": "2024-12-02T00:00:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486613021bd", "title": "Dataviz accessibility review: what we can learn from the Norwegian 2023 election graphs", "url": "https://fossheim.io/writing/posts/dataviz-accessibility-review-norwegian-elections-2023", "published_at": "2023-09-13T13:41:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486617876b6", "title": "Looking back at the past year (and a half) of accessibility work.", "url": "https://fossheim.io/writing/posts/looking-back-at-the-past-year-and-a-half-of-accessibility-work", "published_at": "2022-12-31T19:52:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-148662466245", "title": "Building an accessible theme picker with HTML, CSS and JavaScript.", "url": "https://fossheim.io/writing/posts/accessible-theme-picker-html-css-js", "published_at": "2022-12-21T18:07:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486633f6b05", "title": "How to create a screen reader accessible graph like Apple's with D3.js", "url": "https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial", "published_at": "2021-03-22T18:17:17+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486636d8be6", "title": "Getting started with trans inclusive design: tools and resources", "url": "https://fossheim.io/writing/posts/trans-inclusive-design-tools", "published_at": "2021-03-08T12:41:13+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486644e0f4c", "title": "Excluding non-binary people by design: How sign-up forms can lead to discrimination", "url": "https://fossheim.io/writing/posts/excluding-non-binary-people-by-design", "published_at": "2021-03-01T07:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486650b3d54", "title": "What we can learn from Apple's dataviz accessibility", "url": "https://fossheim.io/writing/posts/apple-health-dataviz-a11y", "published_at": "2021-02-21T16:52:41+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866606fdaa", "title": "I launched a directory with ethical design resources", "url": "https://fossheim.io/writing/posts/ethical-design-guide", "published_at": "2020-12-27T13:15:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-148666af782f", "title": "How (not) to make accessible data visualizations, illustrated by the US presidential election.", "url": "https://fossheim.io/writing/posts/accessible-dataviz-us-elections", "published_at": "2020-11-23T17:45:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-148666ba6732", "title": "Thoughts on Genderify, gender discrimination, transphobia, and (un)ethical AI.", "url": "https://fossheim.io/writing/posts/ai-bias-genderify", "published_at": "2020-07-29T11:15:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-148667908e4e", "title": "Navigating the internet as a non-binary designer", "url": "https://fossheim.io/writing/posts/non-binary-design", "published_at": "2020-07-16T10:45:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866823b33d", "title": "An introduction to accessible data visualizations with D3.js", "url": "https://fossheim.io/writing/posts/accessible-dataviz-d3-intro", "published_at": "2020-05-20T09:15:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486690d7133", "title": "Re-creating a Macintosh with gradients and box-shadows", "url": "https://fossheim.io/writing/posts/css-macintosh", "published_at": "2020-04-18T08:15:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-1486696c8bf1", "title": "Recommended reads on ethics, big data and equality in tech", "url": "https://fossheim.io/writing/posts/resources-ethics-tech-books", "published_at": "2020-04-15T12:45:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866a108134", "title": "Creating a similar post component with Eleventy", "url": "https://fossheim.io/writing/posts/eleventy-similar-posts", "published_at": "2020-04-01T08:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866a121aaf", "title": "How to create an accordion hover effect with box-shadows", "url": "https://fossheim.io/writing/posts/css-box-shadow-animation", "published_at": "2020-03-13T16:45:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866aa0eddf", "title": "What I've learned from designing for experts", "url": "https://fossheim.io/writing/posts/ux-domain-experts", "published_at": "2020-02-22T17:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866b15c4f2", "title": "How I recreated a Polaroid camera with CSS gradients only", "url": "https://fossheim.io/writing/posts/css-polaroid-camera", "published_at": "2020-02-01T16:15:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866be73f20", "title": "Design of the Abatron 803 calculator replicated in CSS", "url": "https://fossheim.io/writing/posts/showcase-css-abatron803", "published_at": "2020-01-21T13:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866cc48122", "title": "How to add a gradient overlay to text with CSS", "url": "https://fossheim.io/writing/posts/css-text-gradient", "published_at": "2020-01-19T16:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866d6595cd", "title": "An intro to designing accessible data visualizations", "url": "https://fossheim.io/writing/posts/accessible-dataviz-design", "published_at": "2020-01-12T18:45:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866d7ee282", "title": "Tools for designing good-looking accessible interfaces", "url": "https://fossheim.io/writing/posts/accessible-design-tools", "published_at": "2019-12-21T14:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866df0d37b", "title": "How to style and animate the letters in a string using CSS", "url": "https://fossheim.io/writing/posts/react-text-splitting-animations", "published_at": "2019-12-18T21:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866e6bcff2", "title": "Splitting text into individual characters with React", "url": "https://fossheim.io/writing/posts/react-text-splitting", "published_at": "2019-12-15T17:00:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866eb244e2", "title": "Advent of Code 2019: Day 2 solutions in Python", "url": "https://fossheim.io/writing/posts/adventofcode19-day2", "published_at": "2019-12-02T10:30:00+00:00" }, { "id": "01a08779-4fd0-7150-87c5-14866ef78d89", "title": "Advent Of Code 2019: Day 1 solutions in Python", "url": "https://fossheim.io/writing/posts/adventofcode19-day1", "published_at": "2019-12-01T07:15:00+00:00" } ] posts Claim your blog
Back to fossheim.io
Blog · corpus.blog/blogs/fossheim.io/posts

fossheim.io

fossheim.io

2026

Sarah L. Fossheimoriginal ↗
7 Sept 2026

2024

Dataviz accessibility principles, demonstrated by the 2024 presidential election dashboards.original ↗
2 Dec 2024

2023

Dataviz accessibility review: what we can learn from the Norwegian 2023 election graphsoriginal ↗
13 Sept 2023

2022

Looking back at the past year (and a half) of accessibility work.original ↗
31 Dec 2022
Building an accessible theme picker with HTML, CSS and JavaScript.original ↗
21 Dec 2022

2021

How to create a screen reader accessible graph like Apple's with D3.jsoriginal ↗
22 Mar 2021
Getting started with trans inclusive design: tools and resourcesoriginal ↗
8 Mar 2021
Excluding non-binary people by design: How sign-up forms can lead to discriminationoriginal ↗
1 Mar 2021
What we can learn from Apple's dataviz accessibilityoriginal ↗
21 Feb 2021

2020

I launched a directory with ethical design resourcesoriginal ↗
27 Dec 2020
How (not) to make accessible data visualizations, illustrated by the US presidential election.original ↗
23 Nov 2020
Thoughts on Genderify, gender discrimination, transphobia, and (un)ethical AI.original ↗
29 Jul 2020
Navigating the internet as a non-binary designeroriginal ↗
16 Jul 2020
An introduction to accessible data visualizations with D3.jsoriginal ↗
20 May 2020
Re-creating a Macintosh with gradients and box-shadowsoriginal ↗
18 Apr 2020
Recommended reads on ethics, big data and equality in techoriginal ↗
15 Apr 2020
Creating a similar post component with Eleventyoriginal ↗
1 Apr 2020
How to create an accordion hover effect with box-shadowsoriginal ↗
13 Mar 2020
What I've learned from designing for expertsoriginal ↗
22 Feb 2020
How I recreated a Polaroid camera with CSS gradients onlyoriginal ↗
1 Feb 2020
Design of the Abatron 803 calculator replicated in CSSoriginal ↗
21 Jan 2020
How to add a gradient overlay to text with CSSoriginal ↗
19 Jan 2020
An intro to designing accessible data visualizationsoriginal ↗
12 Jan 2020

2019

Tools for designing good-looking accessible interfacesoriginal ↗
21 Dec 2019
How to style and animate the letters in a string using CSSoriginal ↗
18 Dec 2019
Splitting text into individual characters with Reactoriginal ↗
15 Dec 2019
Advent of Code 2019: Day 2 solutions in Pythonoriginal ↗
2 Dec 2019
Advent Of Code 2019: Day 1 solutions in Pythonoriginal ↗
1 Dec 2019