Time yet again for our weekly roundup of all the web design and development related articles we’ve found that were published in the past seven days. Here you can take some time to check out tutorials, inspiration, opinions, discussions, and more to assist you on your journey to strengthen your skills in web design and development. So let’s have a look!

Coding the Mouse Particle Effect from Mark Appleby's Website | Codrops
Learn how to create the mouse particle effect from Mark Appleby's website in this ALL YOUR HTML episode.
Read More 
40 Beautiful Rounded Fonts - Vandelay Design
These rounded fonts will provide you with plenty of options for your designs. Some are thin, some are bold. You'll find free fonts and premium fonts here.
Read More 
A Collection of Interesting Parallax Effects - 1stWebDesigner
We have compiled some pretty interesting examples of parallax effects from CodePen for you to view for inspiration, ideas, and to learn from.
Read More 
Fresh Resources for Web Designers and Developers (October 2020) - Hongkiat
Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website
Read More 
9 Reasons Why You Should Use Open-Source Fonts
This is a love letter of sorts to an underrated design tool: open source fonts. Open source fonts are licensed in such a way that anyone can use them for any project at no cost. Many open source fonts come with the standard Open Font License (you can find it here), and it gives you [&helli...
Read More 
Why Web Design Client Referrals Aren’t a Slam-Dunk
Do you take on a new client just because you feel like you have to? How will that affect your relationship with your existing client?
Read More 
34 Impressive Examples of Fullscreen Navigation Menus - Qode Interactive
Explore the power and the benefits of fullscreen navigation menus through a selection of outstanding examples from around the web
Read More 
How To Use Mailchimp's AI-Powered Creative Assistant For Marketing
Mailchimp has made it even easier to market your business with their new AI-powered design tool: Creative Assistant. How to use it & why.
Read More 
Design Shopping: Get A Faster Client Buy-In Through A Guided Design Showcase — Smashing Magazine
How can you convince your clients to make a faster (and easier) buy-in? With the help of a guided design exercise, Kelly Schummer explains how the *Design Shopping* workflow can help guide you throughout the design phases.
Read More 
Stop Counting Clicks. - Boxes and Arrows
Every user interaction is a decision. Every decision can lead to an exit. So the more options we offer, the more exit opportunities we create, which will reduce the probability of conversion. Right? Well… In fact, the number of interactions a user makes is in no way directly related to conversion rates. It might be … Continue reading Stop Counting Clicks.
Read More 
A WordPress LAMP?! An Introduction to WordPress Infrastructure • WPShout
This article introduces one of the most foundation topics in WordPress development: the server-side software that makes WordPress work. Often referred to
Read More 
20 Pure CSS Animated Page Loaders - 1stWebDesigner
In this collection of pure CSS animated page loaders, we've gathered a variety of clever and unique examples for your inspiration.
Read More 
How to Recreate the Ripple Effect of Material Design Buttons | CSS-Tricks
Learn to make the ripple effect of Material Design's button component. We'll start with ES6+ JavaScript, before looking at other solutions.
Read More 
Modern JS is amazing. Modern JS is trash.
Way back in March, I announced that I was working on an advanced version of my Vanilla JS Academy.
I originally hoped to launch it early summer. Then late summer. Then early fall. I built 80 percent of it, threw it out, and built it again. Then I threw that out and rebuilt it again again.
I’ve been having a really hard time creating this course in a way that I haven’t with any other course I’ve built before.
Read More 
50 Free GUI Sets for Your Next Project, Vol. 3 - Hongkiat
In today's fast-paced world, who has the time to create graphic elements for web and mobile design projects - especially when there are hundreds of
Read More 
15 WordPress Support and Maintenance Services - Vandelay Design
WordPress uses will inevitably need some type of support or assistance. These WordPress support and maintenance services may replace the need for a developer.
Read More 
Weighing Up The Essential Triad For Effective Conversions: UX, SEO & CRO
As you create a presence for your business online, the marketing strategies that you adopt must be fine-tuned to help you achieve your goal of facilitating conv
Read More 
Let's Create Our Own Authentication API with Nodejs and GraphQL | CSS-Tricks
Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what
Read More 
Managing Long-Running Tasks In A React App With Web Workers — Smashing Magazine
In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers.
Read More 
How to Get Your Start in Freelance Coding (+ 17 Job Sites to Find Work)
Information about freelance coding, starting a career even with little experience, and top sites to find freelance coding work.
Read More 
A Step-By-Step Guide to User Experience Research | Fyresite
UX research is a highly sophisticated collection of methods that enable companies to analyze how their clients, customers, and markets think and behave.
Read More 
What Actually Constitutes Design Language? | UXPin
In this article, we explore the structure and the importance of a Design Language, along with a few excellent examples from Airbnb, IBM, and Atlassian.
Read More 
Scroll Animations for Image Grids | Codrops
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
Read More 
How to Create a Realistic Motion Blur with CSS Transitions | CSS-Tricks
Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what
Read More 
How to Create an Ecommerce Website in 7 Easy Steps [Guide]
Learn how to create an ecommerce website in this 7-step guide for how to build an ecommerce website with a website builder or web design agency!
Read More 
40 Useful Android Apps for Designers (2020) - Hongkiat
Long list of Android apps that are useful for designers including photo editing and sharing, and social media apps along with others.
Read More How to Use FTP for WordPress (And Why You Should)
If you're not using FTP for WordPress, you could be missing out on a valuable tool. We'll show you how to get started with an FTP client!
Read More 
10 Usability Heuristics for UI Design - Prototypr | Prototyping
What do Jakob Nielsen's 10 usability heuristics do for UI? What about the UX? Learn all about it in this article by Alison Quaglia.
Read More 
Full Bleed | CSS-Tricks
We've covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower
Read More 
Design Trend: Modern Tappable Targets (And How to Do It)
A solid tap target can make or break your mobile website or app. The size, shape, location, and overall design of the button or link determines whether a user successfully completes an action or not. It might seem like a small thing, but can be one of the most important elements of a desig...
Read More