Menu

W3C News

Implementing Private Variables In JavaScript

May 31st, 2019

JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects being casted to string form when used as indices,…

Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac

May 31st, 2019

Google posts guidelines for defining favicons Jamie Leach: Google Search now displays favicons in search results on mobile. Your favicon should be a multiple of 48×48 (Google will re-scale it to 16×16 for use in search results). If a website doesn’t have a favicon or Google deems the favicon inappropriate, a generic globe icon will…

Reducing motion with the picture element

May 31st, 2019

Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that: <picture> <!– This image will be loaded if the media query is true –>…

A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid

May 30th, 2019

This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when I web searched…

Customer Satisfaction Surveys with Wufoo

May 30th, 2019

I was once tasked to create a makeshift customer service survey that would allow an employee to receive a customer call and send a survey to the custom once the call ended. The goal was to track customer satisfaction, which is a totally legit thing to want. There are some solutions out there that do…

A Quick Look at the First Public Working Draft for Color Adjust Module 1

May 29th, 2019

We’ve been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. It’s interesting because of both what it opens up as as far as design opportunities as well as tailoring user experience based on actual user preferences. This…

The difference between keyboard and screen reader navigation

May 29th, 2019

There are a few differences between keyboards and screen readers and Léonie Watson highlights of them: When using the tab key, keyboard focus and screen reader focus are synchronised with each other. The rest of the time, screen reader users have an enormous range of commands at their disposal for reading and navigating content independently…

Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem

May 28th, 2019

The 8.0.0 release of Angular is here! This is a major release spanning the entire platform, including the framework, Angular Material, and the CLI with synchronized major versions. This release improves application startup time on modern browsers, provides new APIs for tapping into the CLI, and aligns Angular to the ecosystem and more web standards….

Color contrast accessibility tools

May 28th, 2019

Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think is pretty nifty for helping make sure that all of the text on our websites is legible regardless of what background color they might have. First up is the…

Using the Grid Shepherd Technique to Order Data with CSS

May 28th, 2019

Shepherds are good attending to their sheep, bringing order and structure to their herds. Even if there are hundreds of those wooly animals, a shepherd still herds them back to the farm at the end of the day. When dealing with data, programmers often don’t know if it is correctly filtered or sorted. This is…