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