Native-Like Animations for Page Transitions on the Web

Past issues Subscribe

Apr 24 May 8

May 1 2018

Native-Like Animations for Page Transitions on the Web

What's going on in < / > world

"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.

Native-Like Animations for Page Transitions on the Web

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence on actual sites that I visit do not...

News

Announcing npm@6

This major update to npm includes powerful new security features for every developer who works with open source code. Read on to understand why this matters.

Tools & libraries

dayjs

Fast 2KB immutable date library alternative to Moment.js with the same modern API

TypeScript playground

Better TypeScript playground

Tutorials & guides

Building your first Bootstrap 4.0 site

A quick tutorial to get you up to speed with the latest version of Bootstrap.

Replace Animated GIFs with Video

Everyone loves animated GIFs. The only problem is that they can be massive, often weighing in at several megabytes. In this guide, you'll learn how to curb the bloat caused by animated GIFs by replacing them with MPEG-4 and WebM video sources!

Dependencies Done Right

Let’s say we want to write a React plugin. Since we’ll need to require the react package, we add it to our dependencies like this:

Layers and how to force them

Back in ye olden days the trick of choice was to set transform: translateZ(0). It has to be translateZ, as it will use the GPU to calculate the perspective distortion (even if it ends up being no distortion at all).

Blogs

"last 2 versions" considered harmful

There comes a time in every developer's life when they come to realize their thoughtleaders misled them...

Designing very large (JavaScript) applications

Hello, I used to build very large JavaScript applications. I don’t really do that anymore, so I thought it was a good time to give a bit of a retrospective and share what I learned.

AST for JavaScript developers

There is a plan what I’ll talk about. We are starting from what is AST and how to build it from plain code. Then, we will slightly touch some of the most popular use cases and tools built on top of AST processing.

For beginners