Menu

W3C News

W3C Advisory Committee Elects Technical Architecture Group

January 13th, 2020

The W3C Advisory Committee has elected the following people to the W3C Technical Architecture Group (TAG): Rossen Atanassov (Microsoft Corporation), David Baron (Mozilla Foundation) and Kenneth Rohde Christiansen (Intel Corporation). They join co-Chair Tim Berners-Lee and continuing participants, Daniel Appelquist (Samsung Electronics; co-Chair), Hadley Beeman (W3C Invited Expert), Alice Boxhall (Google), Peter Linss (W3C Invited…

CSS-Only Carousel

January 10th, 2020

It’s kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the “slides” line up nicely with scroll-snap-type. A…

Understanding Async Await

January 9th, 2020

When writing code for the web, eventually you’ll need to do some process that might take a few moments to complete. JavaScript can’t really multitask, so we’ll need a way to handle those long-running processes. Async/Await is a way to handle this type of time-based sequencing. It’s especially great for when you need to make…

let vs. const

January 9th, 2020

There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const are replacements to the point we rarely (if ever) need var anymore. This doodle explanation does a pretty good job, if you need a refresher. What…

The Auto-Flowing Powers of Grid’s Dense Keyword

January 8th, 2020

Let’s say we’re working on the homepage of a news website. You’re probably used to seeing some card-based content in a grid layout, right? Here’s a classic example, The New York Times: Yeah, something like that. There are going to be some cards/elements/boxes/whatever that need to take up more space than others. A featured article…

Multi-Thumb Sliders: Particular Two-Thumb Case

January 7th, 2020

This is a concept I first came across a few years back when Lea Verou wrote an article on it. Multi-range sliders have sadly been removed from the spec since, but something else that has happened in the meanwhile is that CSS got better — and so have I, so I recently decided to make…

How Auto Margins Work in Flexbox

January 6th, 2020

Robin has covered this before, but I’ve heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party. Say you have a flex container with some flex items inside that don’t fill the whole area. See the Pen ZEYLVEX…

New Year, New Job? Let’s Make a Grid-Powered Resume!

January 1st, 2020

Many popular resume designs are making the most of the available page space by laying sections out in a grid shape. Let’s use CSS Grid to create a layout that looks great when printed and at different screen sizes. That way, we can use the resume online and offline, which might come in handy during…

So Many Color Links

December 27th, 2019

There’s been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment. Curated colors in context Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That’s a nice way to do it, because…

Why do we use .html instead of .htm?

December 26th, 2019

Interesting question from Andy: Serious question. Why do we use .html instead of .htm? / @adactio @css — Andy Clarke (@Malarkey) December 12, 2019 The most likely answer from the thread: DOS was a massive operating system for PCs for a long time and it had a three-character limit on file extensions. Interesting that the…