Frontend News aims to keep you updated with what's happening in the world of web dev! With the latest news and resources from the design & development community.

Apple Airpods

Let's Make Fancy Apple Scrolling Animations

A fun code along replicating the Apple AirPods Pro product page and the shifting light effect in the hero image.

Read it ➡️

Google Font Loading Comparison

The Fastest Google Fonts

This article comes up with some fairly resilient measures to help mitigate a lot of issues when using Google Fonts. Including a very handy code snippet to use for Google Font optimization.

Read it ➡️

Wix Logo Maker

How To Design A Brand Logo (With Ease)

As a web designer, your client may want you to design their brand logo. If you’re feeling up to the task, there are some things you need to know first.

Read it ➡️

FaunaDB Comments

Roll Your Own Comments With Gatsby and FaunaDB

This tutorial will focus on the operations you need to use FaunaDB to power a comment system for a Gatsby blog.

Read it ➡️

Nodes Pattern

How to Make Taxonomy Pages With Gatsby and

This tutorial covers how to make taxonomy pages with Gatsby using structured content from You will learn how to use Gatsby’s Node creation APIs to add fields to your content types in Gatsby’s GraphQL API.

Read it ➡️

Understanding Machines Author Card

Understanding Machines: An Open Standard For JavaScript Functions

In this article, Kelvin Omereshone introduces you to machines, an open standard for JavaScript functions. At the end of this article, you should be familiar with what machines are and how to implement them.

Read it ➡️

Babel JS Logo

Avoid Heavy Babel Transformations by (Sometimes) Not Writing Modern JavaScript

This article looks at a few of the times when you (and your users) might be better off choosing an “old school” way to do something in JavaScript, despite a “new” approach popularized by modern specifications.

Read it ➡️

Performance with Hoodoo

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts

In this article, Anton Nemtsev shows a couple of ways of showing performance changes in the GitLab merge requests.

Read it ➡️

Chrome Extensions

How to Build a Chrome Extension

A neat primer on creating your own Chrome browser extensions!

Read it ➡️

Ben Frain Podcast Card

Smashing Podcast: How Can I Optimize My Home Workspace?

In this episode of the Smashing Podcast, the discussion is about shaping our physical spaces when working from home. What can you do to take a step up from working at your kitchen table?

Listen up ➡️

World Wide Waste Podcast Chat

World Wide Waste with Gerry McGovern

Gerry McGovern talks about the amount of energy used sending the bits and bytes around the internet, the cost of storage, new phones vs old phones, the scale of data, and how do we adjust our process and culture to make changes?

Listen up ➡️

Data Visualization Diagram

Can Data Visualization Improve The Mobile Web Experience?

In this article, Suzanne Scacca proposes some ways to turn essential content into graphics to conserve space, create a more engaging UI and preserve the overall integrity of your content on mobile.

Read it ➡️

Vue Locked Logo

Tackling Authentication With Vue Using RESTful APIs

Authentication (logging in!) is a crucial part of many websites. This article looks at how to go about it on a site using Vue, in the same way it can be done with any custom back end.

Read it ➡️

Firebase Diagram

How To Create A Mobile App In Expo And Firebase

This article shows you how to create a mobile app using Expo and Firebase services such as Firestore, Firebase functions and Expo push notifications.

Read it ➡️

XP CSS Framework


XP.css is an extention of 98.css. A CSS library for building interfaces that look like old UIs.

Check it out ➡️

Previous Issue: