I’ve been on vacation for a bit, which was incredibly relaxing. Some pictures are available on Instagram (for now – I need an indie web solution for this).

  • Professionalism: Design’s Lost Generation (Mike Monteiro, Medium) — Everyone who helps to produce a product is a designer, every decision counts. It’s important to make ethical design decisions. There are two words every designer needs to feel comfortable saying: ‘no’ and ‘why’.

  • History: A Short History of WaSP and Why Web Standards Matter (Jay Hoffmann, thehistoryoftheweb.com) — Web standards wouldn’t be widely implemented without the volunteer groups formed in the early days of the internet.

  • Indie Web: It’s Time for an RSS Revival (Brian Barrett, Wired) — I firmly believe that the distributed web is the better model. But feeds aren’t a solution for everything: I would not want to subscribe to a newspaper because of the huge output there. Also it only furthers the information bubble. We need solutions to surface a diverse set of news.

  • Communicating Ideas: Write it down (Mark Boulton) — I often ask people to write down specifics of their problem or suggestions. It often helps me to better understand but also helps others to understand the complexity of their request or find better/other approaches. Conversations are great for brainstorming, but to nail it down, write it down.

  • Accessibility: Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (Andy Bell, css-tricks.com) — A broad overview over some accessibility techniques. See also the W3C WAI Tips for Getting Started with Web Accessibility.

  • Malpractice on the web: Bei der „Sächsischen Zeitung“ wird Auschwitz zum Genuss-Moment (Stefan Niggemeier, übermedien.de, English machine translation) — There’s a new advertising form that content publisher can use: A swirly overlay that advertises a product inside the article image. It’s just really bad when the article image depicts the Auschwitz entrance gate and there’s no way for publishers to exclude sensitive material. (The whole ad form was disabled after the incident.)

  • Code examples: carbon — If you want to use images of code in your presentation, carbon adds a window frame around it. It looks very sharp. There is a way to export SVG, but I have not looked into the accessibility of it. (Provide a link to the code or add an alternative text.)

I’m in San Diego where I’ll attend the W3C WAI Education and Outreach WG Face-to-Face meeting, and CSUN, the biggest accessibility conference. It’s always amazing to be able to work with my colleagues in one room and to meet all accessibility experts in one place.

  • Beta: W3C/WAI Website – We managed to launch the beta for the new WAI site last week. There are still a few rough edges, but it is essential to get it in front of people. A lot of work from many people went into the site, from design, user testing, development. I made sure we can edit resources in their respective Jekyll projects on GitHub and then integrate it into one repository using git submodules. All repositories use one common theme, so changes to it will be reflected in all resource previews, hosted on GitHub pages.

  • Color: Colorblind Accessibility on the Web – Fail and Success Cases – An excellent overview of colorblindness and common pitfalls.

  • Principles: Accessibility Interview Questions – Everyone should have answers to the question collected by Scott O’Hara. Most aim at general principles than specific techniques.

  • Notifications: Inclusive Components: Notifications – Another excellent write-up by Heydon Pickering.

  • Buttons: Designing Button States – Tyler Sticka on different aspects of button design. Sweating details like this can greatly improve the usability and accessibility of your website or application.

  • PWA: Minimal viable service worker – I don’t know enough about Progressive Web Apps to implement them correctly, yet. However, Jeremy Keith’s article feels like a good starting point to learn more about it.

  • Fonts: Shipping system fonts to GitHub.com – Interesting article on a very particular approach to shipping fonts.

This was a long work week, so here are some games and apps instead of articles as I couldn’t find time to concentrate on pieces.

  • TV: Jessica Jones, Season 2 – While work was plenty, some of it was also repetitive, so I managed to watch the new Season of Jessica Jones. Very intense storytelling.

  • iOS: Altos Odyssey – When I downloaded Alto for the first time, I dismissed it as being too similar to its precursor. However, it has more facets, and it’s easier to achieve goals.

  • Podcast: Playing for Fun with Tiffany Arment and Myke Hurley – Two people talk about the positive of a video game. It’s refreshing and fun. Episode 2 is about “Celeste” which I have never played, but Episode one was about one of my favorite games…

  • Switch: Super Mario Odyssey – Such a refreshing re-imagination of Mario games. Certainly one of the best titles on the Switch to date.

  • Version Control: Tower – Tower is a fantastic app for git version control. The people behind the app also have published a comprehensive learning resource for git.

  • CSS: Third party CSS is not safe by Jake Archibald – Whenever you embed any resource from a third-party server, you are building a tunnel under your site’s security. The same also applies to CSS. Great list of examples from Jake.

  • Browser: Firefox Developer Edition & its inspector – Working with grids and other newer CSS benefits from a good inspector and Firefox has stepped up the game. Especially inspecting grids is impressive. The browser also has a beautiful and distinct dark theme.