Happy Friday and welcome to this week’s edition of our roundup of all the web design and development articles we’ve found that were published in the past week. This week we have topics including animation, core web vitals, freelancing, hamburger menus, and more. 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!



 

'Orchestrating Complexity With Web Animations API — Smashing Magazine' /

There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.
Read More

How to Optimize Your Site for Google's Core Web Vitals

Google is on a mission to improve web performance with Core Web Vitals. Why? Because Google's business is predominantly web-based — slow sites and web
Read More

Is a Verbal Contract Legally Binding in Business? [Solved]

When and how freelancers can benefit from using a verbal contract, and the legalities of having only a verbal contract vs written.
Read More

Tips for Improving the Core Web Vitals of Your WordPress Website

Check out our multi-pronged approach to boosting the Core Web Vitals score of your WordPress-powered website.
Read More

28 Free Website Testing Tools

When we create a website, checking for security and compatibility issues on many devices, loading speed of the page, SEO ... is a very necessary job. So in today's post I will introduce you to the popular website testing tools in 2021!
Read More

Grainy Gradients

Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise
Read More

8 Freelance Project Management Apps for 2021+ | Webdesigner Depot

In my experience, the biggest challenge that freelancers face — more than winning clients or setting prices — is project management; take on too much work, and you’ll start missing deadlines, take on too little, and you’ll start missing your rent. Some people are naturally organized; they rock up at their desk at 08:59, fully […]
Read More

Designing Beautiful Shadows in CSS

When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
Read More

Freelancers: Collecting Comprehensive Creative Brief from Your Client - Hongkiat

I had ordered a special cake for a friend's birthday and had given the receptionist all the specifications for the cake. When I went back to pick up the
Read More

Awful Web Designs From 18 of MMA's Top Fighters - SpyreStudios

Judging by the style of the following 18 websites from some of MMA's top fighters, I'm assuming they didn't get that memo.
Read More

5 Tips to Getting More Design Jobs For Freelancers - Hongkiat

(Guest writer: Wanda Livingstone) There are many web design businesses and deals that are set up and shut down just as quickly because they are unable to
Read More

An Intro to JavaScript Proxy

Have you ever been in a situation where you wish you could have some control over the values in an object or array? Maybe you wanted to prevent certain
Read More

10 iconography rules to follow in UI design

Check out these icon design tips & best practices before implementing them in your next UI design.
Read More

Create Content That Targets Your Existing Design Clients

We share some helpful tips for writing informative content that is sure to pique your client’s interest.
Read More

How to Use Quizzes More Effectively in Interactive Content | Webdesigner Depot

Content is the king of the digital world. This is an undisputed fact among marketers and business owners alike. However, not all content is created equal. Interactive content is a more immersive form of marketing specifically intended for the digital age. Great for companies that need to develop deeper relationships with their audience. There are […]
Read More

Minding the "gap"

You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in
Read More

26 Examples of Effective eCommerce Website Design - Qode Interactive

An online shop can be both functional and imaginative at the same time, and these examples of stunning eCommerce website design are a true testament to that.
Read More

20 Extremely Creative Web Layouts

The most crucial function for a website layout design is structuring the information, so defining the hierarchy of content, whilst ensuring it can be accessed intuitively,...
Read More

The Future of CSS: Cascade Layers (CSS @layer)

When authoring CSS we have to carefully think about how we write and structure our code. Cascade Layers (CSS @layer) aim to ease this task.
Read More

Clients Make Too Many UX Decisions. Here's How to Stop Them.

Leaving UX decisions to non-designers could be disastrous. We explore some ways you can keep your clients at a safe distance from UX.
Read More

The Psychology of Color in Web Design - Vandelay Design

Because web design needs to have an influence over people’s behavior, designers have been looking to the psychology of color to help them create websites...
Read More

55 Beautiful Moleskines - SpyreStudios

Moleskine notebooks are typically bound in coated paper cardboard with an elastic band to hold the notebook closed.
Read More

'Reducing The Need For Pseudo-Elements — Smashing Magazine' /

For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.
Read More