Semantics to Screen Readers

Melanie Richards breaks down how screen readers access our content step-by-step. - http://amp.gs/4HlO

#css

JavaScript Symbols: But Why?

Not played with symbols (a new data type introduced with ES6) yet? This is a gentle way to get up to speed with not only what they are but why you might use them. - http://amp.gs/4HMM

#es6 #symbol

A Storybook with Angular

Bridging the gap between design and development is always a constant struggle when we are talking about creating web or mobile applications. - http://amp.gs/4271

#angular #storybook

Building a Static Blog using Gatsby and Strapi

A very thorough guide complete with several screencasts to help guide you through the process. If you’re not familiar with Strapi, it’s an open-source headless CMS. - http://amp.gs/42wS

#nodejs #gatsby #strapi

What the Functor? Functional Terminology Explained with JS

We recently linked to a neat jargon-free intro to functional programming concepts and the author is now back with… an introduction to some of the jargon! Functors, categories, endofunctors, monoids, and monads are deftly explained here. - http://amp.gs/4wrk

#javascript

Fully functional WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL

An open-source full-stack example app made with Angular 7.2, TypeScript, GraphQL Subscriptions, GraphQL Code Generator, GraphQL Modules, PostgreSQL and TypeORM. - http://amp.gs/4FCZ

#angular #graphql #typeorm #apollo

Designing An Aspect Ratio Unit For CSS

Rachel Andrew looks at the process of designing an aspect ratio unit for CSS and explains how it will work. - http://amp.gs/4Xna

#css

Vue + TypeScript Cookbook

The author ran into many roadblocks when adding TypeScript to a Vue project. He created this cookbook to help others who might have similar questions about how to hit the ground running with Vue + TS. - http://amp.gs/4LGb

#vue #typescript

Use Docker to Create a Node Development Environment

Leverage Docker images and containers to create an isolated Node development environment. - http://amp.gs/4WIs

#nodejs #docker

7 Tricks with Resting and Spreading JavaScript Objects

Using modern JS features to merge objects, organize properties, and more. +1 for all the Mighty Boosh references too. - http://amp.gs/4WQJ

#javascript

How to Get the Best Performance Out of Your Angular Apps

Angular is a great framework and can be used for developing large scale applications, but can be tricky to fine tune and achieve good load time and run-time performance. In this post, The author of this article will detail some best practices he has learned along the way, so you will not make the same mistakes he made.
- http://amp.gs/4aMn

#angular

So What’s New in Vue 2.6?

This article takes a quick look at the new and shiny things that shipped with the Vue 2.6 as well as important changes including the new slot syntax, async error handling, dynamic directive arguments, and more. - http://amp.gs/4oqQ

#vue

A Complete Guide to useEffect

This epic post has got a lot of people excited this week as it’s helped them finally understand a variety of concepts relating to hooks, refs, and effects. It’s a long though one, so get a coffee ready, or just enjoy the TLDR. - http://amp.gs/4MSA

#react

How to Manipulate CSS Colors With JavaScript

Adam Giese shows how to manipulate colors using JavaScript.
- http://amp.gs/45Nz

#css

Create Modular Components with Angular Structural Directives

When creating components, particularly core components, our goal is to make them as modular and as flexible and grant the consumers a high level of control over what they can pass.
- http://amp.gs/4Qv2

#angular

How to Design and Build a Carousel in VueJS

Carousels have become one of the core elements used in modern web development. Why? Because they allow users to skim through available content without vertical scrolling, saving time and keeping cognitive load to a minimum. This is reason enough to learn how to build carousels in Vue. - http://amp.gs/4cEd

#vue

The Most Popular Mobile Browsers

Analysis of mobile browser share shows the dominance of Safari (and Chrome to a lesser extent). - http://amp.gs/469e

#mobile

Scheduling in React

When you have numerous components all wanting to do things at the same time, things can get.. sticky. Here’s a look at some of the concepts behind making it better. - http://amp.gs/4bnM

#react

Sophisticated Partitioning with CSS Grid

I love this approach to laying out regular updated content in this way, however I was initially disappointed to see the final result was built using Tables.... only to realise on closer inspection that those tables there then laid out using Grid Layout. - http://amp.gs/RIlk

#css #grid

GraphQL in Depth: What, Why, and How

Learn about types, queries, and mutations in this in-depth walkthrough. - http://amp.gs/RjI2

#graphql