This Week In Web Design – July 3, 2020 – 1stWebDesigner

Spread the love

It’s the first Friday of July, and in the USA it’s a holiday weekend as we celebrate Independence Day. Fridays around here mean it’s time for another edition of “This Week In Web Design”, our weekly roundup of links to all of the web design and development articles we’ve found that were published in the past seven days. So let’s get started!

As a freelance creative, you’re most likely more vulnerable in the event of a sudden loss of income. Here’s how to help prepare for the unknown.

A UX website audit checklist to help you ensure that users get the best possible experience on your site.

If you have a small marketing budget (or one that is nonexistent) check out some of the free marketing ideas you can begin using today.

A collection of code snippets that bring a little bit of summer to your screen. May it remind you of warm, lazy days – with your phone turned off, of course.

Optimizing for search is just as important as information architecture and should be part of the product design from start to finish.

This time around there’s a distinct design element. Did you catch it?

Getting fonts installed in WordPress can be a bit of a challenge, especially if you’ve never done it before.

A new collection of UI animation shots that summarizes the latest creative trends.

Your website’s homepage is the forefront of your business. It could lure people in or scare them out of your store.

In this tutorial, we’ll learn how to work with Firebase push notifications in the backend and frontend.

In CSS margin-collapsing refers to the fact that the margins that are next to each other are colliding… but only vertically.

While cool new CSS features can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways.

A look at (in no particular order) five of the more painful maintenance-related issues that many modern websites face.

Learn how to build a perfect card UI with these guidelines.

Checking whether a value is an array in JavaScript is necessary when a variable is expected to be an array, but it could be a plain object or even a primitive.

When it comes to your design portfolio, there’s no one right way to craft your About Me page.

One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context.

While I’m sort of new to UX, I’m not new to being human.

Look at a few web design myths and share modern best practices so you don’t fall into any of these old-school traps.

You’re going to want to make sure your developer has the best head start they can in order to create the site as you imagined.

Awesome blog designs that have killer typography and also do a well-rounded job of making things look nice and also making things readable.

Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations.

This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the “checkbox hack”.

Delve into different options and approaches to implementing a dark mode web design and the technical considerations they entail.

A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.

In building a website for conversions there are two major elements we are looking to convey — trust & personalization.

For too long, the user experience of password management has been ignored. It’s time for designers to rethink every aspect of password UX.

In this article, you will go over the differences between single/double-quoted strings and template literals.

The do’s and don’ts of button design in UI development.

A list of the best sites to look for freelance coding jobs, alongside tips to land the job of your dream and strategies to find success as a freelancer.

For freelancers struggling to find work, there remain ample opportunities to improve professionally and inspire others.

In this guide, you’ll learn regex & you’ll be able to apply regex solutions in most scenarios that call for it in your web development work.

Large news websites aren’t famous for their quality of design or expertise.

A graphic designer is a highly-demanding profession that requires not only a wide array of skills and vast expertise but also thinking ahead and breaking the rules.

Two plans: one for design, one for culture.

Need some inspiration? Try some of these 15 landing page video examples to get your creative juices flowing.

In this article, we will show you how to create a secure contact form in WordPress.

A few rules to bear in mind next time you do some UX design.

Why the Lack of Diversity in Web Design?