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.

VUE Glowing Logo

How to Make localStorage Reactive in Vue

Reactivity is one of Vueā€™s greatest features. It is also one of the most mysterious if you donā€™t know what itā€™s doing behind the scenes. This article answers that question while making localStorage reactive!

Read it āž”ļø

Jest Article Card

A Practical Guide To Testing React Applications With Jest

Jest is one of the best tools available for testing React applications. In this article, you will learn everything you need to create a solid test for your React components and application.

Read it āž”ļø

Codebase switch question

How to Disable Code: The Developerā€™s Production Kill Switch

Being able to disable code in production is a power that many developers arenā€™t aware of. And thatā€™s a shame. The ability to switch off some portionsā€”or even complete featuresā€”of the codebase can dramatically improve the software development process.

Read it āž”ļø

Animated Color Palette Generator

Animated Color Palette Generator in React Native

This tutorial builds a color palette generator using the Animated library supplied by React Native. Also we will use useLayoutEffect, useEffect, and useState hooks to automatically respond to changes in state to cause our animations to trigger.

Read it āž”ļø

3D Avatars

A diverse library of 3D avatars to inspire your creativity

'Toy Faces Library' is a series of 3D avatars that you can use for your mockups, UIs and/or personal use. Created by Amrit Pal Singh, there are 70+ unique 3D avatars and the library keeps growing!

Read it āž”ļø

Morris Car Design

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form

In this article, we'll see how to use color to attract attention and then to lead someoneā€™s eye around a design. Also we'll see how a minimal color palette can act as a guide, helping people through a design, and how lines and shapes add structure and style.

Read it āž”ļø

Digital Experiences Article Card

How Web Designers Can Help Restaurants Move Into Digital Experiences

The restaurant industry has begun to undergo a major digital transformation. Those that want to survive will need a website that can handle the new way of operating. And this spells big opportunities for web designers interested in working in the space.

Read it āž”ļø

Multi-Thumb Slider

Letā€™s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs

HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. This tutorial takes us through building a "fancy" proportion slider.

Read it āž”ļø

Scope Ownership Example

Using Custom Property ā€œStacksā€ to Tame the Cascade

This article looks at how we can use the custom property ā€œstacksā€ to solve some of the common issues people face in the CSS cascade: from scoped component styles, to more explicit layering of intents.

Read it āž”ļø

Scroll Image Example

An Overview of Scroll Technologies

There are a number of scroll related technologies out there, so this articleā€™s aim is to provide an overview of them and tools to help choose the one thatā€™s right for you.

Read it āž”ļø

SWR Logo

An Introduction To SWR: React Hooks For Remote Data Fetching

In this article, weā€™ll be looking at a new way of retrieving data in React Apps named SWR. This is a set of hooks for remote data fetching that makes things easier, such as caching, pagination, and so on.

Read it āž”ļø

ShopTalk Logo

LH, RLH, Shadow DOM, Developer Experience, and RUM

What is LH vs RLH? What about styling the shadow DOM with CSS shadow parts? Should you focus your work on what's loaded in your brain already? What is the Developer Experience? RUM and making decisions with or without data.

Listen up āž”ļø

Previous Issue:


Tim profile image

A little about me..

Hey, Iā€™m Tim! šŸ‘‹

Iā€™m a freelance business owner, web developer & author. I teach both new and experienced freelancers how to build a sustainable and successful freelancing business. Check out myĀ Complete Guide to Freelancing if you'd like to find out more.

While you're here, you can browse through my blogs where I post freelancing tips, code tutorials, design inspiration, useful tools & resources, and much more! You can also join the newsletter, or find me on X.

Thanks for reading! šŸŽ‰