Why, How, and When to Use Semantic HTML and ARIA

Adam Silver looks over the benefits of using HTML and ARIA, why starting with semantic HTML is the way to go, and why ARIA ought to come in as a last resort. - http://amp.gs/dnwM

#css

New Angular Features You Didn’t Know Existed

In this post, you will be introduced to a few new Angular features you might not know about. We will look at the thought process behind them and even some examples on how to get started using them. - http://amp.gs/dGSQ

#angular

Building a Live Streaming App with Node and React

There’s a lot to digest here but this tutorial brings together a lot of ideas in the complicated task of creating a live desktop streaming service. - http://amp.gs/dxer

#nodejs

4 Reasons Your Z-Index Isn’t Working (and How to Fix It)

Jessica Chan explains in detail four of the most common reasons that z-index isn’t working, and exactly how you can fix it. - http://amp.gs/df7s

#css

Part 3: The Process of Implementing A UI Design From Scratch

This is the final article for the creation of the pretend course site and finishes off the course listing. There's loads of great stuff in this article, from equal height content in Grids, to creating a progress bar with just CSS. - http://amp.gs/dCkq

#design

Making the Move from jQuery to Vue

A long time jQuery user discusses the migration to Vue, providing a guide for those who “may be coming from years of jQuery experience and want to see how things can be done with Vue”. - http://amp.gs/dkmg

#vue

My Experience Moving From Enzyme to react-testing-library

A developer saw react-testing-library gaining traction and liked that it supported hooks out of the box, so he gave it a chance. Here, he reflects on why react-testing-library has “changed the way I think about writing React tests.” - http://amp.gs/dems

#react

TypeScript 3.0's unknown Type, a Type-Safe Counterpart to any - http://amp.gs/d7TV

#typescript

WebSockets Tutorial: How to Go Real-Time with Node and React

“I’m going to code a basic real-time document editor where users can join together and edit a document.” It’s a naive implementation but shows off the WebSockets part well. - http://amp.gs/d7aV

#nodejs #websocket

A Design Language for Touch, Gesture, and Motion

Whenever you need to develop, depict, or demonstrate motion, gestures, scrolling, or other interactions, you need to prototype.
- http://amp.gs/dPXG

#mobile

React Native vs Native App Development

Ronak offers tips to help you choose the best mobile app development platform for your project needs. - http://amp.gs/dyF4

#mobile #reactNative #vs #native

An Introduction to Test-Driven Development with Vue.js

Test-driven development (TDD) is the process of writing tests before you write the associated code, and can be an effective approach for creating robust Vue.js apps. - http://amp.gs/dhsS

#vue #tdd

3 Approaches for Using the Google Sheets API in Node: A Tutorial

Outlining different ways to connect and authorize with the Google Sheets API and then pulling out data stored within Sheets. - http://amp.gs/dvDJ

#nodejs

Scroll Animations (With Pizza!)

Donovan Hutchinson discusses creating scroll-triggered animations using requestAnimationFrame and will-change.
- http://amp.gs/dgNP

#css

How to Handle Authentication in Modern React Applications

This doesn’t go into depth on the particulars of authentication but more how to handle rendering an app based upon authentication state. - http://amp.gs/dEgF

#react

HTML5-Aided Vue.js Form Validation

Did you know native HTML5 validation can be used to validate Vue.js forms? This article shows you how and discusses whether or not you need a separate validation library. - http://amp.gs/dVyH

#vue #form

HTML's inputmode Attribute Now Supported in Most Mobile Browsers

This is helpful when you want to show users alternative, optimized keyboards, such as for solely entering numbers, URLs, or email addresses. - http://amp.gs/d9BD

#mobile #html

84 cognitive biases you should exploit to design better products

Cognitive biases are systematic errors in our thinking process that affect our decisions making. - http://amp.gs/d9ua

#design

Microsoft Edge Preview Builds for macOS Now Available

First unveiled several weeks ago, the new Microsoft Edge preview is based on top of the Chromium rendering engine but was Windows only. Now, a macOS build of the ‘Canary’ version is available. - http://amp.gs/d4li

#edge

Flexible Data Tables with CSS Grid

<table>, originally used for both layouts and tables, became used for tables only (and HTML email!) as CSS became more capable. Well, now, how about skipping <table> even for tabular data? Here’s how to use CSS Grid to make nice tables for tabular data. - http://amp.gs/d4Lh

#css