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.

Google Sheets and Eleventy

Creating an Editable Site with Google Sheets and Eleventy

How to build a performant static site with eleventy that takes its data from Google Sheets and deploys automatically whenever updates are made.

Read it ➡️

Make Life Easier When Using Git

How To Make Life Easier When Using Git

You don’t need to know your trees from your dangling blobs. If you use Git every day and feel like it’s a juggling act, then here are some tricks and tips to help make your life a bit easier.

Read it ➡️

Category Page Design Wireframe

How To Increase Mobile Conversions With Category Page Design

Recent research has found that e-commerce category pages have higher click-through rates in search than individual category pages. So, if your e-commerce site is struggling to attract shoppers and convert them, your category pages (specifically, those on mobile) might be in need of a redesign.

Read it ➡️

Developer Tools

How Should Designers Learn To Code? Git, HTML/CSS, Engineering Principles (Part 2)

Paul Hanaoka continues this series explaining the topics of version control (Git), HTML and CSS, semantic code, also with a brief introduction to some key engineering principles.

Read it ➡️

Auto-Growing Inputs & Textareas

Auto-Growing Inputs & Textareas

By default, <input> & <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Let's look at how we can add this functionality.

Read it ➡️


An Introduction to MDXJS

MDX is only a few years old but its influence has been growing in the content space. From writing blog posts and visualizing data to creating interactive demos and decks. This article provides a neat overview.

Read it ➡️

Indicating Scroll Position Example

Indicating Scroll Position on a Page With CSS

This demo shows how we can add scroll position indicators using just CSS!

Read it ➡️

Cartoon of ux communication

The UX Writing Starter‑Kit

What is UX Writing and how can you launch your career in this fast-growing field of Product Design? UX writer Alysa Yamada sheds light on the role of UX writers and how you can start building your career in this area.

Read it ➡️

Prettier 2.0 Logo

Prettier 2.0 “2020”

Prettier 2.0 is here! Check out the new release.

Read it ➡️

Cross-Cultural Design Podcast

Cross-Cultural Design with Senongo Akpem

Seneongo Akpem talks about his new book, Cross-Cultural Design, and how building websites for people all over the world and from different cultures can be done better.

Listen up ➡️

Chat App with React and Firebase

Building a Real-Time Chat App with React and Firebase

This article covers key concepts for authenticating a user with Firebase in a real-time chat application. Integrating third-party auth providers & storing user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL cloud database.

Read it ➡️

VW Beetle Ad Design

Inspired Design Decisions With Otto Storch

Andy Clarke will explore how American art director and graphic designer Otto Storch inspires his designs for the web.

Read it ➡️

Previous Issue: