Front-end web development is not what you think it is.

Past issues Subscribe

Nov 21 Dec 5

Nov 28 2017

Front-end web development is not what you think it is.

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.

Front-end web development is not what you think it is.

There are so many stories out there of people who’ve learned to code in 6 weeks, 6 months, a year and now work in the tech industry (or any industry that requires coding). And you know what? Good on them.
But, here is the problem; a lot of people have been led to think that this is true for EVERYONE. In reality, it is not.

In the news

77% of 433,000 Sites Use Vulnerable JavaScript Libraries

Last week, Snyk released their first annual State of Open Source Security report. One of the discoveries the report mentions is that an analysis of around 433,000 sites found that 77% of them use at least one front-end JavaScript library with a known security vulnerability. In this post, they take a deep dive into that problem space.

Tools & libraries

scrollama

Scrollytelling with IntersectionObserver.

web-font-loading-recipes

A bunch of demos for different web font loading strategies.

Tutorials & guides

Dynamic import()

Dynamic import() introduces a new function-like form of import that unlocks new capabilities compared to static import. This article compares the two and gives an overview of what's new.

Of SVG, Minification and Gzip

Smaller files are downloaded faster, so making an asset file size smaller before sending it to a client is a good thing to do.

Take control of your scroll: customizing pull-to-refresh and overflow effects

Introduction to the CSS overscroll-behavior property.

Creating accessible React apps

The React JavaScript library is a great way to create reusable modular components that can be shared among projects. But how do you ensure your React apps are usable by all kinds of people? Scott takes us through a detailed and timely tutorial on creating accessible React apps.

Blogs

Why we have banned default exports in Javascript and you should do the same

ES2015 was the most important improvement to Javascript in years. Among many great features it brought brand new module system...

Mobile Interface Myths You Should Throw Out The Window

In an era of digital chaos, we understandably gravitate to our trusted sources of information. For us designers, this usually means guidelines as defined by juggernauts such as Google and Apple.

For beginners

An Introduction to Regular Expressions (Regex) In JavaScript

Regular Expressions aren’t an Alien language. Learn the basics of Regex in JavaScript here.

Hello from the server side

The Performance Cost of Server Side Rendered React on Node.js

Over the last year or two rendering templates with React.js on the server has become commonplace. Services from rather static content driven sites to Universal JavaScript Applications built on frameworks like Next.js are serving dynamic of server side rendered views using React.

Demo