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

Sliding In And Out Of Vue.js

One of the key advantages of Vue.js is that it is easy to wrap up non-Vue code into Vue. This article explores this advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue. - http://amp.gs/Rj9E

#vue

An Introduction to Web Components

The first in a series on Web Components. This introductory post looks at why they’re a great tool for delivering “high-quality user experiences without complicated frameworks or build steps” without the risk of becoming obsolete. - http://amp.gs/Rj6Q

#web #components

Rendering Large Lists with react-window

If you need to display large lists of data efficiently, you may be familiar with react-virtualized. react-window is a rewrite by the same author aiming at being even smaller and faster. - http://amp.gs/R8NN

#react

Planning for Responsive Images

Adjusting the width simply doesn’t cut it when it comes to handling responsive images. - http://amp.gs/RTIb

#responsive #image

A Collection of jQuery Table Plugins

...to create responsive, functional and dynamic tables. - http://amp.gs/RTU2

#jquery #tables

A Guide to React Hooks and TypeScript

What’s involved in adding TypeScript types to React hooks and custom hooks? - http://amp.gs/Rz71

#react