Daily archives 18 August 2019

 HTML

Using ARIA in HTML

by 2019 -08- 18

ARIA (WAI-ARIA if you want to be formal) is a set of attributes that you can add to HTML elements. These attributes communicate role, state and property semantics to assistive technologies...

Read more
 HTML

The woes of date input

by 2019 -08- 18

One of the many new input types that HTML5 introduced is the date input type which, in theory, should allow a developer to provide the user with a simple, usable,...

Read more
 HTML

Computer says NO to HTML5 document outline

by 2019 -08- 18

What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used...

Read more
 CSS

Breaking CSS Custom Properties out of :root Might Be a Good Idea

by 2019 -08- 18

CSS Custom Properties have been a hot topic for a while now, with tons of great articles about them, from great primers on how they work to creative tutorials to...

Read more
 CSS

Responsive Designs and CSS Custom Properties: Building a Flexible Grid System

by 2019 -08- 18

Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a closer look at CSS variables...

Read more
 CSS

Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints

by 2019 -08- 18

CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support and are slowly making their way into various production environments. The popularity...

Read more
 CSS

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

by 2019 -08- 18

As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS...

Read more
 CSS

Super-Powered Grid Components with CSS Custom Properties

by 2019 -08- 18

A little while ago, I wrote a well-received article about combining CSS variables with CSS grid to help build more maintainable layouts. But CSS grid isn’t just for pages! That...

Read more
 CSS

Switch font color for different backgrounds with CSS

by 2019 -08- 18

Ever get one of those, "I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while watching Dag-Inge Aas &...

Read more
 UI/UX

What Are Design Tokens?

by 2019 -08- 18

I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting...

Read more