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.

Gatsby Logo

50 Free Gatsby Themes & Templates

Gatsby is all the rage when it comes to building the modern web. If you're looking to build a web app with Gatsby. Check out these 50 awesome (and free!) Gatsby themes to kick-off your project 🎉

Check them out ➡️

Tools for Auditing CSS

Tools for Auditing CSS

For most programming languages, the concept of auditing code is relatively straightforward: it works or it doesn’t. But CSS is a specific language where errors are mostly ignored by browsers. This article reviews many highly useful tools to make this otherwise tricky task, a whole lot easier!

Read it ➡️

Why Microsoft wants Discord

Why Microsoft wants Discord

Microsoft is reportedly having discussions with Discord to buy the communications app. The Wall Street Journal reports that Microsoft is in “exclusive talks” to acquire Discord, and a deal could close next month.

Read it ➡️

How to Mine Ethereum

How to Mine Ethereum

David Walsh shows how easy it is to mine Ethereum. Just watch out for those energy bills!

Read it ➡️

Zombie Card

Interactive Web Components Are Easier Than You Think

This fun demo arms you with interactive web component skills for use in all your frontend projects!

Read it ➡️

Reactivity In Vue

Reactivity In Vue

Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration.

Read it ➡️

How To Boost Media Performance On A Budget

How To Boost Media Performance On A Budget

How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues.

Read it ➡️

A Deep Dive Into Eleventy Static Site Generator

A Deep Dive Into Eleventy Static Site Generator

Eleventy (aka 11ty) is rising in the ranks among static site generators. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started.

Read it ➡️

Creating Custom Form Controls with ElementInternals

Creating Custom Form Controls with ElementInternals

The ElementInternals standard is a very exciting set of features with a very unassuming name. Among the features internals adds are the ability to participate in forms and an API around accessibility controls.

Read it ➡️

Glassmorphism Design Code Snippets and Working Examples

Glassmorphism Design Code Snippets and Working Examples

Glassmorphism design style has spread its wings in the UI design world. We have many user interfaces and design styles following the frosted glass effect style also known as Glassmorphism. In this article, we have collected together some of the finest code examples of Glassmorphism UI.

Check them out ➡️

Tailwind UI Kit

Tailwind UI Kit

Components that work out of the box for react, angular, and vue. No matter what you plan on making, we have you covered with our huge library of components. With over 600 versatile components at your disposal, you can design anything with complete freedom.

Read it ➡️

How to Use Tailwind on a Svelte Site

How to Use Tailwind on a Svelte Site

If you are a Svelte developer or enthusiast, and you’d like to use Tailwind CSS in your Svelte app, this article looks at the easiest, most-straightforward way to install tailwind in your app and hit the ground running in creating a unique, modern UI for your app.

Read it ➡️

Mobile Design Comparison

Obscure Mobile Design Techniques That Boost UX

To inspire mobile designers, let’s look at how some clever design solutions tackle mobile navigation, confirmation dialogs, animations, and gamifying the waiting experience.

Read it ➡️

conic.css

conic.css

Generate the CSS for nice, simple conic gradients!

Check it out ➡️