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.

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

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 t

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.

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.

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

%

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

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

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

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.

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

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

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!

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

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

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