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.

Strawberry Pattern

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.

Read it ➡️

Firebase App Creation

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.

Read it ➡️

Instagram Logo

Single Div - Instagram Logo

A neat re-creation of the Instagram logo by Ruphaa Ganesh - all within a single div!

Check it out ➡️

SSR Article Card

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 ➡️

Line Breaks

When a Line Doesn’t Break

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!

Read it ➡️

Laptop with Web Page

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.

Read it ➡️

Rainbow Pixel Background

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.

Read it ➡️

Neumorphic Apple Icons

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.

Read it ➡️

Online Form Eye Tracking

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.

Read it ➡️

The BIG Picture Article Card

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.

Read it ➡️

Cube CSS Logo

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 ➡️

ShopTalk Logo

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!

Listen up ➡️

Previous Issue: