Everything You Know About Web Design Just Changed (slides)

Slides from Jen Simmons' talk at An Event Apart Seattle 2018

Everything You Know About Web Design Just Changed (notes)

Intrinsic Web Design is the next logical step after Responsive Web Design, and allows you to mix fixed and fluid layouts.

Contextual Styling with Custom Properties

How to have multiple themes on the same page: Something I’ve been wanting for a long time, define different regions like a footer section, or side bar and not have to deal with all the contextual styling hassle. A.k.a. “Now that this button is used on a dark background, the button needs to change its colors too. Where should the styles live?”.

Accessibility Testing Tools for Desktop and Mobile Websites

This post will demonstrate how to use automated and manual accessibility testing tools on desktop and mobile websites. We’ll cover five accessibility testing tools that can be installed either as browser extensions or JavaScript bookmarklets. I will point out the pros and cons of each testing tool, describe the best features of each tool, and show what accessibility problems each tool is good at identifying.

Understanding Logical Properties And Values

Properties like top, left, bottom and right make sense if you are working in a horizontal, top to bottom, left to right writing mode. They make less sense if you use a vertical writing mode. In this article, I’m going to explain how CSS is changing to support writing modes, and in doing so, I’ll clear up some of the things that might confuse you about Flexbox and Grid.

Super-powered layouts with CSS Variables + CSS Grid

Using CSS Variables in this example I can set variables for the size and co-ordinates of Grid items and only write out the grid-column and grid-row properties once. This to me is a lot clearer than writing the full properties out every time, and very easy to see at a glance where we’re placing any grid item.