This Week In Web Design – March 6, 2020

The first week in March is now behind us, and that means it’s time for another episode of “This Week In Web Design”! Below you will find all of the best articles published this week related to everything we focus on here at 1stWebDesigner, from web design and development, to WordPress, and beyond! We hope you enjoy this week’s list and find some bookmark-worthy reading material.

UI Interactions & Animations Roundup #4

A fresh dose of inspiration to get you updated on the latest UI animation and interaction trends.

5 Tips for Creating a Web Form That Converts

A high-converting web form is a must if you want to capture user information, build a subscription list, or create a quick checkout experience. It isn’t enough just to have a form that looks inviting. It needs to function well!

The Best CSS Spinners & Loaders

This article showcases over 40 different techniques and styles of pure CSS3 animations for creating any CSS loader your website may need.

20 Amazing Pure CSS Animated Buttons

A list of 20 different CSS animated buttons that you can add to your site via some relatively simple CSS. It doesn’t get much easier!

12 Free Abstract Videos To Use For Backgrounds (Or Anything Else)

When you’re putting together a new website or video production, you’ll often find that having stock clips on hand is extremely helpful. Abstract videos are a great resource to have in your back pocket.

3 Essential design Trends, March 2020

Color, heroes, and a new way to create design depth are what we are looking at this month.

How to Create a Sticky Footer with Flexbox

In this article, we will show you an easy technique that allows you to create a sticky footer with flexbox. It takes just a few lines of code and a couple of minutes to implement it.

3 Tricks From UX Research That Can Help You Have Better Conversations

Do you want to have better conversations? User researchers have superpowers that can help you in day-to-day communication.

10 Sublime Text Packages for Frontend Developers

If you are a frontend developer, we have handpicked some extensions and put them together for you in this article.

Using Cognitive Psychology in UX Design: What to Know

Apart from their technical knowledge, UX developers also need to understand how the human mind works.

Big and Bold Typography: A New Trend in Web Design

An absolute classic of website design. It is a timeless, old-school stylistic option that works like a Swiss watch, regardless of the environment that surrounds it.

Distorted Link Effects with SVG Filters

A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.

Design for Browser Inconsistency With Lambdatest

Lambdatest is a SaaS that enables testing on a huge range of devices from the comfort of your development machine.

Buttono

A flexible Sass mixin for creating BEM-style buttons.

4 Ways to Animate the Color of a Text Link on Hover

Let’s create a pure CSS effect that changes the color of a text link on hover…but slide that new color in instead of simply swapping colors.

The 5 Forgivable Sins of a Freelance Designer

Explore some of the more common perceived sins that designers commit.

Why Are We Talking About CSS4?

In this article, Rachel Andrew rounds up some of the pros and cons of doing so, and asks for your feedback on the suggestion.

Design Trend: Liquid Animation in Web Design

Delightful design accents can be one of those things that creates an unexpected user experience that keeps visitors on your website.

How You Can Improve UX with Microinteractions. Part I

Microinteractions are the small moments in UX that can be boring and easy to forget, or exciting and engaging.

Introducing Alpine.js: A Tiny JavaScript Framework

Alpine.js is a fraction of the size of other frameworks because it involves no build steps and provides all of the tools you need to build a basic user interface.

Building a User Experience Culture

This week on the Boagworld Show, we speak to two people who are trying to build a more user centric culture and robust digital teams.

11 Types of Gradients for Creating Stunning Backgrounds

Let’s try to understand what a gradient is, and then look at their usage through the course of this article with a few examples.

5 Biggest Non-Design Skills Designers Need in the 2020s

We take a look at the top five skills you need to cultivate to be successful in the 2020s.

UXPin: A Complete Design & Prototyping Solution

Take a closer look at UXPin to see how it can be beneficial to web designers, user experience designers, user interaction designers, and many others.

Consistent Backends and UX: Why Should You Care?

User experience is rapidly becoming the determining factor for whether new products are successful or not.

Designing Care Through Messaging

Integral to transforming the delivery of care are deep explorations, research, and prototyping.

5 Projects to Help You Master Modern CSS

Starting with the easiest, the following project suggestions will help you on your journey to CSS mastery.