This Week In Web Design - October 9, 2020

Another week is coming to an end, and along with the joy of Friday being, well, Friday, it is also time for our latest edition of “This Week In Web Design”!

In this roundup of web design and development articles published in the past seven days we have an abundance of topics, tips, tutorials, trends, and much more. Let’s check it out!

The Freelance Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
All starting at only $16.50 per month

8 JavaScript Libraries to Animate SVG - Hongkiat

SVG is a resolution-independent graphic. That means it will look good on any type of screen without suffering any loss of quality. Beyond that, you can

60 Beautiful Large Background Website Design - Hongkiat

Large background images have already become an integral part of any Web design yet they're often perceived as trivial things. In spite of this, the

Astounding Examples Of Three.js In Action - 1stWebDesigner

In today's post we are sharing some amazing examples of the Three.js JavaScript library in action for your inspiration and learning.

How to Detect When a Sticky Element Gets Pinned

We can determine if an element has become sticky thanks to the IntersectionObserver API!

Recreating the "100 Days of Poetry" Effect with Shader, ScrollTrigger and CSS Grid | Codrops

The latest ALL YOUR HTML live coding session where you'll learn how to recreate the effect seen on 100 DAYS OF POETRY.

5 Things to Tell Your Clients About WordPress Security

We discuss being proactive when teaching clients about security. Some things are universal, while others are more specific to WordPress.

14 Awesome Free UI kits For Your Next Design Project - DesignXplorer

In this blog post, we have collected some of the best free UI kits available in recent times for web and mobile UX design.

How to Make an Unobtrusive Scroll-to-Top Button | CSS-Tricks

A button to return to the top of the page allows the user to quickly return to the top of the page without making too much effort. This can be very useful

The Ultimate Collection Of 500+ Free Figma Templates » CSS Author

Are you looking for a free Figma design template? If you do, then you have come to the right place. In this article, we are going to list more than 500+ free

Do Website Policy Disclosure Pages Always Have To Be So Ugly? — Smashing Magazine

In this article, we’re going to look at four ways that web designers can contribute to getting more policy disclosure pages read and terms actually agreed to.

How Freelance Designers Can Thrive in a Tough Economy

Whether the economy has your business sputtering or not, it’s important to think about ways you can kickstart growth in your own little corner of the web. And we’re here to help.

On the Web Share API | CSS-Tricks

I think the Web Share API is very cool (here's our coverage). In a nutshell, it taps into the native sharing features on whatever platform you're on, if

Useful Tools In Vue.js Web Development — Smashing Magazine

There are some tools that developers that are just getting started with Vue or sometimes, have experience building with Vue sometimes do not know exist to make development in Vue a lot easier. In this article, we’re going to look at a few of these libraries, what they do, and how to use them during development.

Using JavaScript to Adjust Saturation and Brightness of RGB Colors | CSS-Tricks

Lately I've been taking a look into designing with color (or “colour” as we spell it where I’m from in New Zealand). Looking at Adam Wathan and Steve

How to do a website audit: a 7-step guide

Everything you need to know about website audits. Your website needs a regular check-up to make sure it's still performing well.

Pricing 101: How much to charge your freelance graphic design clients

How much should you charge clients for your freelance graphic design services? Here's everything you need to know about pricing your freelance clients.

Developing For The Semantic Web — Smashing Magazine

The dream of a machine-readable Internet is as old as the Internet itself, but only in recent years has it really seemed possible. As major websites take strides towards data-fying their content, now’s the perfect time to jump on the bandwagon.

WebGL Video Transitions with Curtains.js | Codrops

Some experimental video transitions using Curtains.js and WebGL shaders.

How to Avoid 10 Common Web Design Mistakes That Hurt SEO

Learn 10 of the most common web design mistakes that may be hurting your SEO efforts and your rankings – and how to avoid them.

7 Common Design Presentation Mistakes

Find out how to present your designs like a pro with these 7 easy tips. From audience intel and slides to set-up & messaging, guarantee buy-in from your client.

Looking at AWS Amplify | CSS-Tricks

AWS Amplify is a collection of tools from AWS to help you build applications. Allow me to set the stage here to try to make that as clear as I know how. I

What Is a Design Brief: Templates, Examples & More

Anyone who’s ever submitted a proposal or tried to snag a design project has probably been asked to submit or create a design brief for the project. It’s a fairly standard practice but can often be intimidating, particularly if you aren’t used to it. A good design brief is a tool tha...

The Widening Responsibility for Front-End Developers | CSS-Tricks

This is an extended version of my essay “When front-end means full-stack” which was published in the wonderful Increment magazine put out by Stripe. It’s also something of an evolution of a couple other of my essays, “The Great Divide” and “Ooops, I guess we’re full-stack developers now.”

Is Freelancing Worth it in 2021? The Answer is Yes: Here's Why

A quick jump-start guide to freelancing and some pros and cons if you might be asking yourself: is freelancing worth it in 2020?

Debunking myths about in-house design teams | Design Week

The leaders of creative teams at Channel 4, Pentland Brands and Specsavers discuss the realities of working in-house, from budgets and talent, to stigma and internal relations.

How to Create a Landing Page That Drives Results

Landing pages are one of the most important elements of digital marketing. They help you generate leads, gather all kinds of information about your customers, and refine your offers. Plus, they provide the kindling you

5 Tips to Quickly Improve Your Website Accessibility in 2021

Many web designers and developers are just starting to understand the importance of web accessibility. After a long time being more of a niche focus, this important aspect of website design has emerged at the forefront of design thinking in recent years. If you’re just starting to learn ...

11 Must-Listen-To Podcasts For Freelancers in 2021

Here are the 11 best podcasts for freelancers who want to upgrade your arsenal of skills with the latest trends and techniques.

7 Ways Designers Can Streamline Client Communication | SpyreStudios

Here are 7 ways designers can streamline client communication.

10 Excellent Free Online Graphic Design Courses

Learn graphic design with the help of these ten free online courses to level-up your skills and jumpstart your career.

7 Reasons to Use Illustrations on Your Website – And Examples of How to Do It

If you are encountering problems finding photos for your website, there’s a simple solution you might consider. Use illustrations. The examples in this post will show you various ways to go about doing so Sound reasonable? If you believe that to be true, when you start building your next website you’re going to have to …