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.

Piggy Bank

Enforcing performance budgets with webpack

This article takes a look at you can configure how performance hints are shown and size thresholds through the performance object in your webpack.config.js file.

Read it ➡️

Comparing Styling Methods In Next.js Article Card

Comparing Styling Methods In Next.js

With Next.js, one of the things you need to know is how to integrate different CSS methods with its API, and that is the focus of this tutorial.

Read it ➡️

Emoji Skin Tones

Changing Emoji Skin Tones Programmatically

In this article we're going to figure out how to work with emoji modifiers programmatically. This way, if you’re ever stuck without skin tone support — or want to create custom variations of other emoji — then you’ll know how!

Read it ➡️

GraphQL Template

Advanced GraphQL Usage In Gatsby Websites

In this article, Aleem Isiaka explains what GraphQL query constructs are, and how they can be used to interact with the data access layer of a Gatsby website.

Read it ➡️

Cartoon Zombies

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

The title says it all! We’ll talk about practical stuff, but the examples pretty much all involve zombies and silly jokes. You have been warned.

Read it ➡️

GreenSock x React

Animating React Components With GreenSock

In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations.

Read it ➡️

Designing For Attention Article Card

Designing For Attention

In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention. He also discusses the need to understand why we want to gain users’ attention as well as what our users’ needs are.

Read it ➡️

Google Search Retro Page

Web History: Search

In this article, we see the fourth chapter of the web history series by Jay Hoffmann. And get a real dose of 90s web nostalgia!

Read it ➡️

Interaction Example

Interaction Media Features and Their Potential (for Incorrect Assumptions)

A deep dive into interaction media queries with Patrick H. Lauke.

Read it ➡️

5 Awesome JavaScript Promise Tricks Article

5 Awesome JavaScript Promise Tricks

The Promise API changed the game in JavaScript. We went from abusing setTimeouts and settling for synchronous operations to doing everything possible to leverage this new async API. Let's check out a handful of awesome Promise API tricks!

Read it ➡️

Shoptalk Logo

Smashing Conf Live Webinar

Chris and Dave are coming to you live (recorded) from Smashing Conf's Live Webinar riffing on the talks and presentations, as well as their own Marketing Cloud Webinar Presentation.

Listen up ➡️

Half visible face

content-visibility: the new CSS property that boosts your rendering performance

A neat article, showing how leveraging the content-visibility property greatly improves the initial user load & allows for faster interactions with on-screen content.

Read it ➡️

Previous Issue: