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.
Fluid Images in a Variable Proportion Layout
Creating fluid images when they stand alone in a layout is easy enough nowadays. However, with more sophisticated interfaces we often have to place images inside responsive elements. This article takes a look at a few approaches.
Firebase Push Notifications In React
In this tutorial, we’ll learn how to work with Firebase push notifications in the backend and frontend. We’ll set up the notifications system with an Express back-end server. Then, we see how to listen for the notifications in a React front-end app.
A neat re-creation of the Instagram logo by Ruphaa Ganesh - all within a single div!
Check it out ➡️
Differences Between Static Generated Sites And Server-Side Rendered Apps
Statically generated sites or pre-rendering and server-side rendered applications are often mixed up as the same thing. In this tutorial, we’re going to learn about the differences between them!
Read it ➡️
This article looks at a situation where it seems like a line is going to break but it doesn’t - as an excuse to learn a little something about line breaking!
Functional Design Rules to Go By In Web Design
When it comes to designing, there are two kinds: creative design and functional design. Something that’s eye-catching is not necessarily a good design. There are times when function is a priority.
When Sass and New CSS Features Collide
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways.
Apple, Big Sur, and the rise of Neumorphism
If you watched Apple’s annual WWDC event this week, or have been even casually observing some of the announcements the company made, you may have noticed something new — something a bit jarring. You can blame that on a little something called Neumorphism, and like or hate it, it’s the next wave in UI design.
Getting Started with Online Form Design
Whether creating new forms or trying to optimize existing ones, this article looks at best practices that'll help new and experienced designers think like their site visitors and build forms that users actually want to submit.
Information And Information Architecture: The BIG Picture
This article explores not only the basics of information architecture, but also the broader view of the information age, how we use information and how it impacts our world and our lives.
Smashing Podcast #19: What Is CUBE CSS?
We’re talking about CUBE CSS. What is it, and how does it differ from approaches such as BEM, SMACSS, and OOCSS? Drew McLellan talks to its creator, Andy Bell, to find out.
Listen up ➡️
Hey! What About Email, Scroll Triggers, Mobile First vs Desktop, and more?
We're talking email, custom properties to tame the CSS stack, scroll trigger animation, WordPress blocks, mobile first vs desktop first design, and getting stuff to look nice on mobile Safari. And MORE!
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! 🎉