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.
How to Tame Line Height in CSS
To truly understand the line-height property in CSS, we should learn about its origins in typography. This article takes us on that journey!
Accessible Images For When They Matter Most
This article reviews the different types of images, looking at real-world examples of inaccessible public service announcements (PSAs), and discusses which elements matter most when critical messages need to reach everyone.
How to Make a Simple CMS With Cloudflare, GitHub Actions and Metalsmith
This tutorial takes us through using GitHub as a CMS to manage, version control, and store files, and also be the place for content editing. When edits occur, a series of automations will test, verify, and ultimately deploy content to Cloudflare.
This article takes use through the various ways we can style React components from using stylesheets to using external styling libraries.
How To Convince Others Not To Use Dark Patterns
Arguing that dark patterns are unethical is not enough on its own. We will also need to make the case to clients and colleagues that they are damaging to business. That’s what Paul has also written in his new Smashing book, “Click”.
Virtual Gatsby Days: Announcing Our Speakers
Virtual Gatsby Days is just around the corner! This two day single-track conference is a unique opportunity for the Gatsby community to come together online, develop their skills and expertise, and interact with each other and the Gatsby team. This article announces the first wave of speakers!
Using CSS Masks to Create Jagged Edges
Learn how to use CSS Masks to create some fun jagged edges in your apps!
Dealing With Stale Props and States in React’s Functional Components
A look at how closures can sometimes be the cause of stale props & state. And how we should approach this challenge.
Turning a Fixed-Size Object into a Responsive Element
This article takes us through building a library to make fixed objects responsive.
RedwoodJS with Tom Preston-Warner
Tom Preston-Werner talks about his latest project, RedwoodJS, and the decisions made about how it works, public APIs, how tied to Netlify RedwoodJS is, and why they're using Prisma.
Setting TypeScript For Modern React Projects Using Webpack And Babel
In this tutorial, you'll learn how to efficiently set up TypeScript in a React Project while building a Money Heist Episode Picker App, exploring TypeScript, React hooks such as useReducer, useContext and Reach Router.
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! 🎉
