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.
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.
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.
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!
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.
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.
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.
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.
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!
Interaction Media Features and Their Potential (for Incorrect Assumptions)
A deep dive into interaction media queries with Patrick H. Lauke.
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!
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.
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.
Previous Issue:
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! 🎉
