CSS is the go-to technology for making sites look how we want. But there's a new box of tricks coming to JavaScript that could make styling that little bit more unique.

CSS Houdini

It's easy to overlook HTML in the age of JavaScript frameworks. These modern tools make it easy to make a `` do whatever you want - a header, a button, a link. Whatever, right? If it works it works...

HTML Now!

Components are the future of web development. Right now, JS frameworks such as React and Vue use a component-based approach to building apps, but that comes with added weight.

Build a format component using Stencil

In the age of frameworks, Webpack and complicated build tools, regular boring JavaScript can easily be overlooked. Gone are the days of sites that only shipped the code they needed right? We need runtimes now to compile our JSX else who knows what will happen.

Build a blog with Sapper and Svelte

Animations can make or break a website. Without them it can lack personality, but with too many and it can become overwhelming. Even after finding the right balance, an unnatural movement can make a well-intentioned interaction seem jarring. All of this seems like we'd be fighting a losing battle.

Animate a rating component with React Spring

Modern web development takes components for granted. Frameworks like React are built upon their existence and we're integrating their approaches into other parts of the web like CSS.

Build your own web components

Capturing data is no fun task. There's plenty going on and plenty to go wrong. It's better to have a tool at our disposal to help soften the blow.

Capture data with Redux Form

Redux is a powerful tool to have at your disposal. The data for the entire application all in one place. With that in mind, it's important to make sure that it keeps working as you expect it to.

Write tests for React-based Redux apps

Redux is great for handling lots of moving parts within an application. Immutability is a big part of that - making sure that no object gets mutated, but a copy gets made with every change. Sometimes that can be easier said than done, but there are libraries out there that can help.

Manage Redux state with Immutable.js

It's a double header from me in this month's Web Designer. My choice of JavaScript APIs that are going to make an appearance in 2019, plus part two of my Redux series.

Tag: Web Designer