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.
A showcase of the various neumorphic effects that can be created using CSS. Taking a look at both the arguments for and against the style and looking at how it can be used in a web interface.
Read it ā”ļø
Creating Sortable Tables With React
Making your tables sortable in React might sound like a daunting task, but it doesnāt have to be too difficult. In this article, weāre going to implement all you need to sort out all of your table sorting needs.
Read it ā”ļø
This article looks at how Suspense works, what it does, and how it can integrate into a real web app. Focusing on how to integrate routing and data loading with Suspense in React.
Read it ā”ļø
Consistent Backends and UX: What are the Barriers to Adoption?
This article argues that we should go beyond backend consistency, with modern serverless pricing models, built-in authentication, temporality, native GraphQL, and more driving the future of databases.
Read it ā”ļø
A Practical Overview Of CSS Houdini
This articles examines each part of Houdini, its current browser support and sees how they can be used today using progressive enhancement.
Read it ā”ļø
Playing With Particles Using the Web Animations API
In this article, we'll perform a little particle magic using the Web Animations API to create a firework effect when clicking on a button.
Read it ā”ļø
How Should Designers Learn To Code?
This article is the first in a series, providing a few different learning methods for designers looking to pickup coding skills. Here weāll take a look at getting comfortable with the command line and text editors.
Read it ā”ļø
Parallax Horizontal Image Scroller -- No JS!
A fine example of a parallax image scroller, with no JavaScript!
See it ā”ļø
How to Create a āSkip to Contentā Link
Are you using skip links on your site? This article will convince you to use one. Skip links are a great value add when it comes to the accessibility of a site.
Read it ā”ļø
Serverless Architecture at Begin with Brian Leroux
In this episode of ShopTalk, Brian Leroux talks about building modern web apps using Begin and other cloud services like it, including a deep dive on AWS Lambda.
Listen up ā”ļø
Implementing Infinite Scroll And Image Lazy Loading In React
In this tutorial, weāll see how the HTMLIntersection Observer API can be implemented to create infinite scrolling and image lazy loading in a React functional component. Weāll also learn how to use some of Reactās hooks and how to create Custom Hooks.
Read it ā”ļø
Build a Node.js Tool to Record and Compare Google Lighthouse Reports
This article looks at how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them, so web performance can be monitored as the website grows and develops.
Read it ā”ļø
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! š
