Welcome to another Friday and another weekly roundup of all of the web design and development related articles we’ve found that were published on the web in the past seven days. Without further ado, let’s dive in!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!



 

 

How to Use Minimalism in Web Design (And Why You Should)

This article highlights the core elements of minimalist web design, the benefits, and case studies for inspiration.
Read More

Exploring the CSS Paint API: Polygon Border

Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and
Read More

3 Ways to Build React Forms with Formik Pt.1

Formik is one of the most popular libraries for building forms. Learn one of the three ways in which you can use formik to build React forms.
Read More

The Design Anatomy of a Good Icon: 10 Tips

An icon is a picture, image, or representation of another thing. So if you are looking to create a great icon, it needs to have a visual presence that’s understandable. There’s more to designing a great icon than just a quick visual element. You have to think about shape, color, usage,...
Read More

Love a WordPress Plugin or Theme? Pay It Forward.

By paying it forward to WordPress developers, we can positively impact the people and products that help make our websites better.
Read More

The Best Sites for Cheap Stock Photos and Graphics - Vandelay Design

Vandelay Design may receive compensation from companies, products, and services covered on our site. For more details, please refer to our Disclosure page. Web and graphic designers need stock photos and graphics on a daily basis. The cost of these resources can add up quickly, but thankfully there are a handful of websites offering outstanding...
Read More

3 do’s & don’ts when crafting your design portfolio

To help you stand out in the hiring pool, here are some essential dos & don’ts when it comes to what you should include in your portfolio.
Read More

21 Exceptional Google Fonts You Probably Haven’t Discovered Yet | Webdesigner Depot

Google Fonts may be the single most significant contribution Google has made to the evolution of the web — yes, more significant than search, advertising, or analytics. Google Fonts gives every business access to a visual voice with which to distinguish itself. Fonts can be downloaded for use in design software and then embedded using […]
Read More

7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS

CSS ::before and ::after pseudo-elements allow you to insert "content" before and after any non-replaced element (e.g. they work on a <div> but not
Read More

Menu and Thumbnail Stack Animation - Codrops

An animation on an image stack for a menu where the images get rearranged from a column into a row.
Read More

6 Tools and Websites to Measure Site Speed Scores - SpyreStudios

Free tools and websites are available on the internet to measure site speed scores. Although site speed scores are not necessarily a requirement for SEO, we all know that site performance directly affects user experience.
Read More

CMYK vs RGB: Everything you need to know

Understand the difference between CMYK and RGB color spaces to set your designs up for success.
Read More

How To Optimize CSS for Peak Site Performance

Even in 2021, web performance remains a problem. According to HTTP Archive, the average page requires a 2 MB download, makes more than 60 HTTP requests,
Read More

Proposal for CSS @when

CSS is on a tear lately. Again, I've heard of a brand new thing I've never seen before, and again it's via Miriam: CSS Conditionals.
Read More

Cascade Layers?

There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my
Read More

Working With GraphQL Caching

If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or
Read More

A Content Model Is Not a Design System

These days, content models have to serve a variety of delivery channels, each more outlandish than the last. But why do many content models still look more like design systems rather than reflectin…
Read More

What Is Universal Design? Everything You Need to Know

Universal Design is not new, but the conversations around it are reinvigorated in an effort to create more accessible and equitable design projects. The concept isn’t specific to websites or printed creative work, it extends to every field of design. Universal design is rooted in a set o...
Read More

Navigating Harsh Judgements and Self-Worth in Web Design

How can we deal with all of the noise in the web design community without taking it personally? Here’s some advice for tuning out the darkest parts.
Read More

Container Units Should Be Pretty Handy

Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the
Read More

Web Design Terms: Your Pocket Guide to Web Design Lingo

Want to get in the loop on web design terms? Check out this web design glossary with 36 terms you need to know!
Read More

cccreate → carefully curated collection of tools for web creators

A simple page with a list of tools to help make the task of creating websites easier. You'll find my favorite tools for color, typography, shapes, layout,...
Read More

What is Your Page Title on a Google Search Engine Results Page?

Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on
Read More

Comparing Methods for Appending and Inserting With JavaScript

Let's say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you've used some of them, like
Read More