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
Read More 
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
Read More 
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.
Read More 
How to Detect When a Sticky Element Gets Pinned
We can determine if an element has become sticky thanks to the IntersectionObserver API!
Read More 
3 Essential Design Trends, October 2020 | Webdesigner Depot
Design can make a statement. It evokes feeling and can encourage thought and conversation. That’s the common theme among the three trends in website design this month. Each trend is rooted on the time and place where we live and includes elements that provoke thought. Kudos to these designers and design teams for jumpstarting conversations. […]
Read More 
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.
Read More 
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.
Read More 
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.
Read More 
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
Read More 
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
Read More 
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.
Read More 
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.
Read More 
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 that
Read More Airlines and Covid19: How User Centered Design Can Help
As the dust settles on aviation travel, and attitudes toward it are reevaluated, airlines would do well to follow principles focused on the customer experience.
Read More 
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.
Read More 
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
Read More 9 Things Not to Do While Using Animation on Your Website
9 Things Not to Do While Using Animation on Your Website on WebDesignDev.com. Read about 9 Things Not to Do While Using Animation on Your Website.
Read More 
Free Website Audit Now | Analyse Your Website | Best Practices & How-To
Everything you need to know about website audits. Your website needs a regular check-up to make sure it's still performing well.
Read More 
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.
Read More 
WebGL Video Transitions with Curtains.js - Codrops
Some experimental video transitions using Curtains.js and WebGL shaders.
Read More 
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.
Read More 
Who Do Web Designers Really Work For? | Webdesigner Depot
The answer to this is not "whoever pays the bills". The truth is, web designers really work for their boss, the client, and the end users. This post explains why.
Read More 
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.
Read More 
Looking at AWS Amplify | CSS-Tricks
AWS Amplify is a collection of tools from AWS to help you build applications.
Read More What is Simplicity Theory? Why people prefer simple experiences
Henry Wadsworth Longfellow “In character, in manner, in style, in all things, the supreme excellence is simplicity.”
Read More 
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...
Read More 
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.”
Read More 
Is Freelancing Worth it in 2022? 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?
Read More 
Debunking myths about in-house design teams
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.
Read More 
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
Read More 
5 Tips to Quickly Improve Your Website Accessibility in 2022
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 ...
Read More 
13 Must-Listen-To Podcasts For Freelancers in 2022
Here are the 11 best podcasts for freelancers who want to upgrade your arsenal of skills with the latest trends and techniques.
Read More 7 Ways Designers Can Streamline Client Communication | SpyreStudios
Here are 7 ways designers can streamline client communication.
Read More The equipment you’ll need to be a UX Designer
We often talk about the intangibles required to enter the field: problem-solving skills, empathy, grit, etc. But so rarely do we mention the tangibles! In this article, I’d like to give a brief overview of the hardware required to enter the field of UX Design.
Read More 
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 …
Read More 7 Principles of Conversational Design
<p>Conversations are bound to psychology. Here are 7 principles for getting started with conversational desgin.</p>
Read More 
The website migration complete guide: rules, tips for SEO and more
Website migration in a detailed and optimized way! Check out our complete guide to lead an effective and flawless process.
Read More 
Balancing on a Pivot with Flexbox | CSS-Tricks
Let me show you a way I recently discovered to center a bunch of elements around what I call the pivot. I promise you that funky HTML is out of the question
Read More 
Top 10 Sites to Solve All Programming Questions - Hongkiat
When learning to code or develop software, websites or apps, we usually will get stuck with a problem or a bug that refuses to be resolved, no matter what
Read More 
When and How to Use Vue 3.0 with Craft CMS | Viget
Could Vue 3.0 be a good fit for your project's requirements, and if so, what's the best way to incorporate Vue components in Craft?
Read More