Menu

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…

Ask a Techspert: How does motion sensing work?

January 9th, 2020

Editor’s Note: Do you ever feel like a fish out of water? Try being a tech novice and talking to an engineer at a place like Google. Ask a Techspert is a series on the Keyword asking Googler experts to explain complicated technology for the rest of us. This isn’t meant to be comprehensive, but…

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…

#IMakeApps: One developer’s life on the road

January 8th, 2020

Sterling Udell and his wife Teresa always loved to travel and the opportunity to hit the road full-time was a dream for them. At some point, they realized that software development was a remote-friendly job, and decided not to put off traveling any longer. Check out more #IMakeApps stories on g.co/play/imakeapps. What kickstarted your nomadic…

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…

5 tips for finding the best hotels in 2020

January 8th, 2020

The sandy beaches in Da Nang, the nightlife of São Paulo, and Korean barbecue from Seoul are all top of mind for people planning vacations this year. According to global hotel search data, people from around the world are interested in traveling to these destinations in 2020. When you’re ready to start planning your next…

Introducing quieter permission UI for notifications

January 7th, 2020

Notifications on the web enable users to receive important updates even when they are not interacting with a website. Notifications are an essential capability for a wide range of applications including messaging, calendars, email clients, ride sharing, social media and delivery services. Unfortunately, notifications are also a common complaint as many websites request the notification…

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…