This Week In Web Design – October 16, 2020

Learn how to create the mouse particle effect from Mark Appleby's website in this ALL YOUR HTML episode.

We have compiled some pretty interesting examples of parallax effects from CodePen for you to view for inspiration, ideas, and to learn from.

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

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 […]

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

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?

Explore the power and the benefits of fullscreen navigation menus through a selection of outstanding examples from around the web

Mailchimp has made it even easier to market your business with their new AI-powered design tool: Creative Assistant. How to use it & why.

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.

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

This article introduces one of the most foundation topics in WordPress development: the server-side software that makes WordPress work. Often referred to

In this collection of pure CSS animated page loaders, we've gathered a variety of clever and unique examples for your inspiration.

Learn to make the ripple effect of Material Design's button component. We'll start with ES6+ JavaScript, before looking at other solutions.

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.

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

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 […]

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

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 …

Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what ORM

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.

Information about freelance coding, starting a career even with little experience, and top sites to find freelance coding work.

UX research is a highly sophisticated collection of methods that enable companies to analyze how their clients, customers, and markets think and behave.

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.

Some ideas for scroll animations for image grids powered by Locomotive Scroll.

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

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!

Long list of Android apps that are useful for designers including photo editing and sharing, and social media apps along with others.

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 […]

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.

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

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