It’s the last Friday of June, and Fridays around here mean it’s time for our weekly roundup of all the web design and development related articles we’ve found that were published in the past seven days. This week we have a variety of tutorials, tips, tricks, and discussions to help you grow your skills as a web designer and developer. Let’s have a look!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

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



 

20 Best New Fonts, June 2021 | Webdesigner Depot

Welcome to a new series of articles, in which we round up the best new fonts released from some of the top designers on the Web. In this inaugural edition, the collection includes fonts released or expanded over the last few months. Many of the fonts have free weights available. If you use any of […]
Read More

What Is Alt Text? | An Introduction to Alt Tags

Alt text is text you attach to an image to describe its content, allowing Google and visually impaired users to read it. Learn more here!
Read More

25+ of the Best '80s Fonts for Your Throwback Designs - Vandelay Design

Looking for the best 80s fonts? You'll love this collection of nostalgic typefaces that are perfect for your retro designs.
Read More

Upwork vs Freelancer: Which is Better for Serious Freelancers?

This guide looks at Upwork vs Freelancer to see how the two platforms work and how they differ and which platform is the best for your needs.
Read More

The Ingredients of a Great WordPress Plugin

What makes a WordPress plugin great? How do you quantify something so subjective? We attempt to answer these questions.
Read More

Design Trend: Abstract Art Compositions

When you don’t know what to use to illustrate a design, the answer might be abstract art. It’s a growing design trend that – when done well – uses interesting shapes, colors, and combinations to create something that means almost nothing but is visually interesting. There’s no wo...
Read More

10 PSD Mock-ups for screen devices for your next web project | Creative Nerds

PSD mock-ups are great a quick and efficient way to bring you designs to life in a visual manner. The mock-ups are in a PSD file and are easily customizable they each contain smart objects, which are super easy to edit. This post is a collection of PSD mocks up, which includes a range of […]
Read More

7 Best Browsers for Developers in 2021 | Webdesigner Depot

With the widespread acceptance of web standards, and the resulting deprecation of browser prefixes, there has been a noticeable change in the browser market. Where once browser manufacturers would try to lure users in with promises of feature support, now the focus is on privacy, speed, and developer tools. When it comes to web development, […]
Read More

Getting to Know Yourself to Find Your Creative Voice » Design.org

Getting to know yourself can help you find your creative voice. Learn more about why that matters, why it's hard, and how to do it.
Read More

Get your website back into shape with SEO fitness

Keeping your website healthy, gets you the results and rankings you want. SEO fitness can help you with that. Let's find out what it is!
Read More

WebP Images: A Primer

We take you on a tour of what WebP is all about. We also perform some tests to see if the format really does live up to the hype.
Read More

Top 4 Actionable Tips of Using Images When Creating a Website

It's no longer about browsing a site. It's about the whole experience. And clearly, images have the power to increase the customer experience. As per the leading marketing professionals, articles containing relevant images get around 94% more views. 
Read More

How to Use Dynamic Imports in JavaScript

Dynamic imports can help you load modules only when needed. Learn what dynamic imports in JavaScript are, how they work and how to use them.
Read More

10 Best Google Fonts for Headings 2021 Collection | Design Inspiration

In this article, you will find a curated list of the best Google fonts that can be used for headings. We’ve included a variety of fonts from different designers.
Read More

10 Error 404 Page Examples for UX Design

These error 404 page examples show how they can function as a landing page to keep visitors engaged with your website.
Read More

How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji

Let’s forego the usual circles and bars we typically see used in charts for more eccentric shapes. With online presentations more and more common today, a
Read More

Work smarter, not harder: 5 ways to cut out busy work with freelance clients

How to run your freelance graphic design business as efficiently as possible (a list of tips, tools, and best practices).
Read More

Soft UI: Making Sense of the Latest Design Trend | Webdesigner Depot

A new design trend has emerged in the last year: Soft UI or Neumorphism is everywhere. Even Apple is in on the trend; the company introduced a host of changes in both its mobile and desktop operating systems that use the style. The elements of Soft UI introduced by Apple reflect various aspects of the […]
Read More

Inline to Menu Link Animation | Codrops

An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
Read More

inherit, initial, unset, revert

There are four keywords that are valid values for any CSS property (see the title). Of those, day to day, I'd say I see the inherit used the most. Perhaps
Read More

Just Say No to Hackers: How to Harden Your WordPress Security

Learn how to protect your WordPress website from hackers with these 16 security tips and find out what to do if your WP site is hacked.
Read More

How To Get Static Wordpress Hosting On CloudFlare For Free - Dev Things

A guide to fast page speeds and static Wordpress hosting
Read More

An Introduction to Custom Cursors in Web Design: Tips, Ideas + Tutorials

One of the biggest trends in web design these days is custom cursors. At first glance, a custom website cursor may look like just another stylistic element. But there’s much more to this design concept. When viewing a website from a desktop device, the cursor is the main component that b...
Read More

Using Performant Next-Gen Images in CSS with image-set

The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox
Read More

How to Specifically Cater to the Needs of Your Clients

If you’ve ever purchased organic food from a grocery store or farmer’s market, you know that it can be, well, pricey. Some people report as much as a 300% increase...
Read More

'The Rise Of Design Thinking As A Problem Solving Strategy — Smashing Magazine' /

In the dynamic and unpredictable environments in which we work, even the most carefully crafted solutions can have a short shelf life. When we accept that our work is impermanent and our problem-solving abilities are limited, our goal can shift from delivering full solutions to developing tools that empower our users to adaptively design for themselves.
Read More

How to Create a Custom Endpoint for the REST API (In 4 Steps)

The REST API is a powerful tool for WordPress developers, but it's also customizable! Find out how to create a custom REST endpoint.
Read More

24 Must-Know Graphic Design Terms | Web Design | WebFX

Want toearn some of the most common and useful graphic design terms? Check out our guide, which shares 24 graphic design terms and examples!
Read More