Weekly News for Designers № 576

By

Web Design in 2021 – A look at the trends that will shape the year to come.
Example from Web Design in 2021

An Early Look at Full Site Editing in WordPress – Take a tour of one of the biggest new features for WordPress themes.
Example from An Early Look at Full Site Editing in WordPress

Front-End Performance Checklist 2021 – Everything you need to know to create fast experiences on the web today.
Example from Front-End Performance Checklist 2021

Two Issues Styling the Details Element and How to Solve Them – Learn how to use this HTML element to create accordion-like functionality.
Example from Two Issues Styling the Details Element and How to Solve Them

Without User Consent: An Ethical Dilemma for WordPress Plugin Developers – Why turning on auto-updates without a user’s permission isn’t a great idea.
Example from Without User Consent: An Ethical Dilemma for WordPress Plugin Developers

2020 JavaScript Rising Stars – Check out this list to see which JavaScript projects gained traction in 2020.
Example from 2020 JavaScript Rising Stars

Hypercolor – Use this online tool to generate CSS gradients that are compatible with Tailwind.
Example from Hypercolor

My Favorite Typefaces of 2020 – It was a good year – at least for typography!
Example from My Favorite Typefaces of 2020

Oops! Dealing with Your Freelance Mistakes – Everyone makes mistakes. Here’s how to handle them like a pro.
Example from Oops! Dealing with Your Freelance Mistakes

State of JS 2020 – How 2020 helped a great ecosystem that just keeps getting even better.
Example from State of JS 2020

The Best of 2020 Web Annual Awards – Discover the best sites, agencies and designers of the year.
Example from The Best of 2020 Web Annual Awards

Fading in a Page on Load with CSS & JavaScript – Add a compelling page load effect to your projects with this handy tutorial.
Example from Fading in a Page on Load with CSS & JavaScript

Wicked Blocks – Grab this collection of layout blocks and components for Tailwind CSS.

ButtonBuddy – Create accessible button contrasts with the help of this generator.
Example from ButtonBuddy

Ultimate JavaScript CheatSheet – This reference will help you navigate your next JavaScript project – keep it bookmarked!
Example from Ultimate JavaScript CheatSheet

PixelCraft – Create your very own pixel masterpiece with this online editing tool.
Example from PixelCraft

Your Way, Way Better – A case study of Burger King’s recently revised visual identity.
Example from Your Way, Way Better