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!

Your Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


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

The right font can make or break your design. In the right situation, a rounded font can help to complete the look that you’re after. Here, you’ll find a collection of amazing round fonts that will give you plenty of choices. The Best Rounded Fonts The fonts in this section are premium fonts that will […]
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

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 t
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
Mailchimp's Creative Assistant

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

The Myth is Busted. 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 … 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
Pure CSS Animated Page Loaders

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

In 2019, an astonishing 34% of all websites were powered by WordPress (source). Part of the reason WordPress is so popular is because of the community of users and developers, and all of the resources that are available. WordPress users benefit from countless plugins, themes, and services that have been specifically created to meet the […]
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

As part of the design process, companies can forget the end-user to whom the product or service is being marketed. Designers can become blinkered and overly protective of their interfaces, platforms, and products, so much so that they overlook the fact that they need to be empathetic to the target market. Empathy needs to be […]
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 Get Dark Mode Design Right

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