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.

Form Inputs Calendar

Better Form Inputs for Better Mobile User Experiences

This article looks at some examples and best practices we can use to create better user experiences on mobile devices.

Read it ➡️

CSS Happy Emoji

CSS Emojis

Farid Mokraoui created this neat pen of animated CSS emojis.

See it ➡️

Custom Properties & CSS Logos

Creating Color Themes With Custom Properties, HSL, and a Little calc()

Theming a website with CSS custom properties is much easier than the workaround approaches we’ve resorted to in the past. Check out this handy tutorial!

Read it ➡️

CSS Scrollbar With Progress Meter

CSS Scrollbar With Progress Meter

This article shows how we can use some CSS trickery to make a progress scrollbar.

Read it ➡️

CSS Motion Path Example

Create a Responsive CSS Motion Path? Sure We Can!

This neat tutorial by Jhey Tompkins shows how to make a CSS motion path responsive.

Read it ➡️

Visual Studio Diagram

Visual Studio Code: A Power User’s Guide

In this guide, you’ll learn how to take advantage of Visual Studio Code to supercharge your development workflow.

Read it ➡️

Vue Circles Logo

How the Vue Composition API Replaces Vue Mixins

This article looks at the drawbacks of mixins and sees how the Composition API overcomes them and allows Vue applications to be far more scalable.

Read it ➡️

Best Practices With React Hooks

Best Practices With React Hooks

This article covers the rules of React Hooks and how to effectively start using them in your projects.

Read it ➡️

Text Inside a Circle

Using CSS to Set Text Inside a Circle

A nice tutorial on how to set a block of text inside of a circle using plain CSS.

Read it ➡️

A Particle Trail Animation

How To Create A Particle Trail Animation In JavaScript

Particle animations belong to the most impressive animations that exist. In this article, Anna Prenzel will explain how you can to easily program a small trail of particles with anime.js.

Read it ➡️

Marc Grabanski Image

Frontend Masterery With Marc Grabanski

Mark talks about what Frontend Masters is, who it's for, how they decide what to teach, what's coming up, and the question everyone asks: what do I learn next?

Listen up ➡️

 CSS Shadow Parts

Styling in the Shadow DOM With CSS Shadow Parts

Safari 13.1 just shipped support for CSS Shadow Parts! We’ll see why it’s useful, but first we'll see a recap of shadow DOM encapsulation.

Read it ➡️

Previous Issue: