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.
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.
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.
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.
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.
How to Make Taxonomy Pages With Gatsby and Sanity.io
This tutorial covers how to make taxonomy pages with Gatsby using structured content from Sanity.io. You will learn how to use Gatsby’s Node creation APIs to add fields to your content types in Gatsby’s GraphQL API.
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.
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.
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.
How to Build a Chrome Extension
A neat primer on creating your own Chrome browser extensions!
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?
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?
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.
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.
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.
XP.css is an extention of 98.css. A CSS library for building interfaces that look like old UIs.
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! 🎉