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

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

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 th
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

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 Figma design templates that you can utilize in your design project.Figma is one of the most
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

Full bleed layout using simple CSS

There are many different ways to achieve the same layout in CSS and HTML. Some are now frowned upon, like tables or floats, and others tend to overlap somewhat, but have a clear specific purpose, l…
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
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

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

No matter how well written, optimised or ranking your website is, it needs a check-up in the shape of a... continue reading
Read More

Freelancing 101: How to price your freelance design services

Pricing can be one of the most challenging things a freelance designer needs to do. Price too high and you’ll drive away clients. Price too low and you’ll also drive away clients (and have a very hard time making ends meet).
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?

It would be way too easy to answer this question with: “Whoever pays your bills.” And, honestly, I don’t think you can be a very successful web designer i
Read More

7 Common Design Presentation Mistakes | JUST™ Creative

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. Allow me to set the stage here to try to make that as clear as I know how. I
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 2020? 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 | 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.
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
Read More

5 Tips to Quickly Improve Your Website Accessibility in 2020

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

11 Must-Listen to Podcasts For Freelancers in 2020

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

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.
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

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
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