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 
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 
Exciting New Tools for Designers, October 2020 | Webdesigner Depot
This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts. Let’s get right into it, here’s what new for designers this month: Tooltip Sequence Now that your app or website is ready, you might need to help […]
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 a surprise, but there is no statistical evidence to prove that this widely held belief is true. When establishing the amount of clicks that are
Read More 
A WordPress LAMP?! An Introduction to WordPress Infrastructure
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 
How to Build a Financial Runway & Scale Your Freelance Business
The longer I build Millo as a place to help freelancers (I’ve been at it for 10+ years, btw), the more I realize we freelancers can benefit a lot from studying the startup world. Of course, you know I condemn the ridiculous work hours, lack of work-life-balance and unhealthy “hustle culture” many startups embrace. But […]
Read More 
Weighing Up The Essential Triad For Effective Conversions: UX, SEO & CRO - noupe
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
Read More 
4 Web Design Hacks You Can Use to Enhance Your Website on a Budget
Image credit Having a functional, usable, and super fast website doesn’t have to cost an arm and a leg. As a web designer, you can use a few pieces of code or some minor tweaks to ensure a much faster and better appealing web design. Without having to fork out thousands of dollars to a …
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 ORM
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?
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 we’re
Read More 
How to Create an Ecommerce Website in 7 Easy Steps | WebFX
Need an ecommerce site? Learn how to create one with this 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 Get Dark Mode Design Right | Webdesigner Depot
Dark themes are everywhere these days. As human beings continue to spend more of their time interacting with technology, dark themes provide a more relaxing way to engage with the digital world. More often than not, these themes are easier on the eyes, more attractive, and perfect for the dedicated user. Throughout 2020, countless leading […]
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 column
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