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.

TypeScript with Svelte Logos

Integrating TypeScript with Svelte

A neat tutorial showing how to configure TypeScript inside of Svelte templates.

Read it āž”ļø

2021 UI Guide

A guide of UI design trends for 2021

In this article, Diana Malewicz rounds up the UI design trends which are likely to define 2021. Such as Glassmorphism, vivid colors, aesthetic minimalism, and more!

Read it āž”ļø

Lighthouse scores

Continuous Performance Analysis with Lighthouse CI and GitHub Actions

A useful tutorial showing how to integrate Lighthouse CI into your development workflow, for performance reporting usingĀ GitHub Actions.

Read it āž”ļø

Ruby 3.0.0 Logo

Ruby 3.0.0 Released

Ruby 3.0.0 is here! It's slated to be "3 times faster than Ruby2ā€ with a focus on performance, concurrency, and Typing (static type checking).

Read it āž”ļø

Web Page Illustrations

2020 Roundup of Web Research

A comprehensive roundup of web research from 2020. Lots to learn here about the state of the web!

Read it āž”ļø

Image optimization example

Converting and Optimizing Images From the Command Line

There are tons of ways we can make smaller and optimized images. In this tutorial, we learn to write bash scripts that create and optimize images in different image formats, targeting the most common formats, including JPG, PNG, WebP, and SVG.

Read it āž”ļø

Search Engine Optimization Checklist Article Card

Search Engine Optimization Checklist (PDF)

Implementing best SEO practice can produce immediate results, but long-term performance requires long-term maintenance. Besides, the journey is more important than the destination, isnā€™t it?

Read it āž”ļø

Media Graphic

Give Users Control: The Media Session API

The Media Session API gives media playback access to the userĀ outsideĀ of the browser tab where it is playing. If implemented, it will be available in various places on the device. Let's take a look!

Read it āž”ļø

NPM Logo

The NPM guide I would have loved as a beginner

Do you remember copy/pasting all the npm commands without knowing what they do? Or the first time you freaked out while opening the package-lock.json? This article is a nice primer on the basics!

Read it āž”ļø

Pantone Colour of the Year 2021

Pantone reveals two choices for its Colour of the Year 2021

The colour institute has chosen a ā€œpairingā€ for the first time in its 22-year history ā€“ which it says is especially suited to home offices and sportswear.

Read it āž”ļø

Favicon Variants

How to Create a Favicon That Changes Automatically

In this article, weā€™ll see how to use JavaScript to create a favicon that changes automatically.

Read it āž”ļø

Ethical Considerations In UX Research Article Card

Ethical Considerations In UX Research: The Need For Training And Review

In this article, Victor Yocco discusses some areas of ethical consideration for UX practitioners when conducting UX research, and explores potential solutions to preventing research from venturing into unethical territory.

Read it āž”ļø

Previous Issue:


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