This Week In Web Design – June 5, 2020

It’s the first Friday of June and that means it’s time for another edition of “This Week In Web Design”, our weekly roundup of articles related to web design and development that were published in the past seven days. In this week’s roundup we have articles about web design, UI, JavaScript, freelancing, React, Vue, and more!

Your Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!


 

How to set up Gulp 4, Bootstrap, Sass and BrowserSync for a simple workflow

What each of these tools are and how they can improve your workflow when building awesome websites.

Pros and Cons of Using AI in Web Design

Technology redefines all the conventional web design and development notions and takes them one step further by focusing on user experience as the highest priority.

The Mistakes I Have Made Running a Design Agency

And how you can avoid them too.

What Will the Freelance Web Design Business Look Like Post-Pandemic?

While none of us can say for sure, I do have a few theories.

20 Landing Page Templates for New Websites

20 of the best landing page templates around that can be used for launching a new site, fast.

Best UI Interactions of the month – May 2020

In this blog post series, we share our curated collection of Best UI Interactions in the month of May 2020.

UI Interactions & Animations Roundup #7

Some modern UI animation shots to keep you up-to-date with the freshest trends.

7 strategies to design landing pages that convert in 2020

Some innovative and successful strategies to improve landing page conversion rates.

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Everything from how to design wireframes to the best tools for wireframing, tips for avoiding common mistakes, and more.

Hacked: What to Do When Your WordPress Website Has Been Compromised

Just follow our guide for dealing with a hacked WordPress website.

6 Best Practices for Building Responsive Dropdown Menus

These recommendations are not just for flexbox menus but any kind of responsive dropdowns.

A New Way to Delay Keyframes Animations

There’s no way to add time between the first iteration through the keyframes and each subsequent run. Until now.

Kinetic Typography with Three.js

Discover how to use Three.js to render kinetic 3D typography.

The principles of interaction design that you must know as a UI/UX designer

The term “interaction design” is truly becoming a buzzworthy one.

Jumping Into Webmentions With NextJS (or Not)

How does a site implement Webmentions? In some cases it’s as trivial as installing a couple of plugins. Other cases may not be quite so simple, but it’s still pretty straightforward.

Good Design Vs. Good UX Design

The idea of a product that is aesthetically pleasing being one that has a good user experience is a common misconception.

Consuming REST APIs In React With Fetch And Axios

What a REST API is and how to build a simple application that consumes a REST API by using both Fetch API and Axios.

How to Create a High Converting Landing Page: 3 Crucial Considerations

Explore what a landing page is, as well as some of the most important things to consider when creating it.

How To Test A Design Concept For Effectiveness

Getting a client or stakeholder to approve a design concept can be challenging. However, testing can make it easier.

No Second Chance at a Strong First Impression: Best Practices for Ecommerce Homepage Design

These best practices can help you excel, no matter what you want to accomplish.

9 Mobile Ecommerce Tips to Immediately Make Purchase Easier

Tips on how to make your mobile ecommerce user-friendly and this way increase profits.

30 Life-saving Tools for Front-end Developers

30 top tools for front-end web developers ranging from code editors and code playgrounds to CSS generators, JS libraries, and more.

What Is an SVG Font? All About SVG Fonts

The innovative SVG font format has come in with full force to shake up traditional font formats.

Top 16+ Vue Open Source Projects

Vue.js is a good choice in case you are interested in creating lightweight and easy-to-fix applications.

UI copy: Remove vs Delete

The difference between “remove” and “delete,” and how to ensure your user understands.

Global and Component Style Settings with CSS Variables

Or how I use CSS variables to create more manageable project styles and more portable patterns.