ARIA in CSS
November 10th, 2020
Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see it in action Which is this classic matchup: [aria-hidden=’true’] { display:…
Working Group Note: Web Platform Design Principles
November 10th, 2020
The W3C Technical Architecture Group (TAG) has published a First Public Working Group Note of Web Platform Design Principles. This document contains a set of design principles to be used when designing Web Platform technologies. These principles have been collected during the Technical Architecture Group’s discussions in reviewing developing specifications. We encourage specification designers to…
Publication Manifest and Audiobooks are W3C Recommendations
November 10th, 2020
The Publishing Working Group has published the following specifications as W3C Recommendations: Publication Manifest defines a general manifest format for expressing information about a digital publication. It uses schema.org metadata augmented to include various structural properties about publications, serialized in JSON-LD, to enable interoperability between publishing formats while accommodating variances in the information that needs…
A Continuous Integration and Deployment Setup with CircleCI and Coveralls
November 9th, 2020
Continuous Integration (CI) and Continuous Deployment (CD) are crucial development practices, especially for teams. Every project is prone to error, regardless of the size. But when there is a CI/CD process set up with well-written tests, those errors are a lot easier to find and fix. In this article, let’s go through how to check…
How to Create a Commenting Engine with Next.js and Sanity
November 6th, 2020
One of the arguments against the Jamstack approach for building websites is that developing features get complex and often require a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook, or even just a separate database service. That…
Quick LocalStorage Usage in Vue
November 5th, 2020
localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I’ve personally used it in each! In cases where you’re storing something small for the user that doesn’t need to be kept permanently, localStorage is our friend. Let’s pair localStorage with Vue, which I personally…
How to Animate the Details Element Using WAAPI
November 5th, 2020
Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2006. In this article, we will see how you can animate the native <details> element using the Web Animations API. CodePen Embed Fallback HTML setup First, let’s see…
EMVCo, FIDO Alliance, and W3C Publish Resource on How Technologies Relate
November 5th, 2020
Today EMVCo, the FIDO Alliance, and the World Wide Web Consortium (W3C) published How EMVCo, FIDO, and W3C Technologies Relate, which explains the roles of the three organizations’ technologies. This new educational resource informs payments industry stakeholders on the roles of EMV® Secure Remote Commerce (SRC), EMV® 3-D Secure (3DS), EMV® Payment Tokenisation, FIDO Alliance’s…
W3C Strategic Highlights, October 2020
November 5th, 2020
W3C released today to the public the October 2020 edition of the W3C Strategic Highlights, our semi-annual report about the tremendous work to enhance the Web platform and innovate for its growth and strength. The comprehensive report contains updates in key areas of the Web, illustrates how W3C meets industry needs and gives the latest…
How to Write Loops with Preprocessors
November 4th, 2020
Loops are one of those features that you don’t need every day. But when you do, it’s awfully nice that preprocessors can do it because native HTML and CSS cannot. Sass (SCSS) for Loop CodePen Embed Fallback while Loop CodePen Embed Fallback each Loop CodePen Embed Fallback Less for Loop CodePen Embed Fallback while Loop…