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 āž”ļø


Tim profile image

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! šŸŽ‰