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!
UNLIMITED DOWNLOADS: Email, admin, landing page & website templates
How to start an emergency fund (& why every freelancer needs one)
With an emergency fund in place, freelancers will be better prepared to face the ups and downs of life. Here's everything you need to know to help you get started.
Read More UX Website Audit: How UX Tests Can Make your Site Like a 5-Star Resort
Great websites and five-star resorts have more in common than you think! Learn how to do an effective UX website audit on this page!
Read More $0 Marketing Budget? 10 Creative Ways To Find Clients
Your business relies on marketing, but that doesn't always mean you have to spend tons of money to get your name out there.
Read More 8 Animated CSS & JavaScript Code Snippets That Celebrate Summer
There’s a reason why so many of us look forward to summer. It provides an opportunity to get outdoors and away from our desks. Then there’s the chance to spend...
Read More SEO for Designers: A 101 Primer
Most designers don’t consider search when it comes to building a website. That’s a mistake. Optimizing for search is just as important as information architecture and should be part of the product design from start to finish. This is true both for your own knowledge that the project st...
Read More 3 Essential Design Trends, July 2020 | Webdesigner Depot
The biggest trend we’re talking about this month started at WWDC as Apple provided a glimpse of what’s coming next for their operating systems. This time around there’s a distinct design element. Did you catch it? Here’s what’s trending in design this month. 1. Text Highlights and Underlines There’s always been an unwritten rule in […]
Read More How to Load Google or Adobe Fonts in WordPress - 1stWebDesigner
Use this guide to help you choose the WordPress fonts that really best serve your site, your brand, and your target audience.
Read More UI Interactions & Animations Roundup #8 | Codrops
It's time for a crisp new collection of inspirational UI interaction and animation shots! This time we have Aristide Ben
Read More Top homepage design practices for more conversions - noupe
Your website’s homepage is the forefront of your business. It could lure people in or scare them out of your store. This is the place where you introduce
Read More Firebase Push Notifications In React — Smashing Magazine
In this tutorial, we’ll learn how to work with Firebase push notifications in the backend and frontend. We’ll set up the notifications system with an Express back-end server. Afterwards, we’ll listen for the notifications in a React front-end app.
Read More CSS margin collapsing – what it is and why should I care
Bite-sized screencasts and tips about React, CSS and Javascript
Read More 
When Sass and New CSS Features Collide | CSS-Tricks
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can
Read More The 5 Biggest Pains in Website Maintenance
We take a look at (in no particular order) five of the more painful maintenance-related issues that many modern websites have to face.
Read More 
Responsive Styling Using Attribute Selectors | CSS-Tricks
One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context. We can prefix each breakpoint. This works well until we start adding multiple classes. That’s when it becomes difficult to keep a track what relates to what and where to add, remove. or change stuff.
Read More 8+ Web Design Myths Busted: Old Ideas & Modern Best Practices
There are a few ideas about website design that seem to never fade away, even though they are not so true anymore. Some concepts haven’t stood the test of time, and it’s time to revisit whether we should be adopting them anymore. Do people love sliders? Does simplicity = minima...
Read More Show Them Your Assets – Tips for Handing Off Designs to Developers | Webdesigner Depot
You’ve been working away at your latest design project, and the client has given the go-ahead on your lovingly created digital concepts. Now it’s time to bring those designs to life, and you have a developer queued up to do just that. So your part’s done, right? Not quite. You’re going to want to make […]
Read More Blog Designs with Killer Typography | SpyreStudios
Here are awesome blog designs that have killer typography and also do a well-rounded job of making things look nice and also making things readable.
Read More 
New in Chrome: CSS Overview | CSS-Tricks
Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of
Read More How To Create a Responsive Dropdown Navigation Using Only CSS
This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the "checkbox hack".
Read More 
A Complete Guide to Dark Mode on the Web | CSS-Tricks
“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the same thing: a mostly-dark interface rather than a mostly-light interface.
Read More Creating a Menu Image Animation on Hover | Codrops
At Codrops, we love experimenting with playful hover effects. Back in 2018, we explored a set of fun hover animations fo
Read More Using Trust & Personalization to Improve Your Website
In building a website for conversions there are two major elements we are looking to convey — trust & personalization.
Read More 12 Freelance Coding Jobs Sites to Find Coding Clients in 2022
Here's a list of the best sites to look for freelance coding jobs, alongside tips and advice to land the job of your dream.
Read More Tips and guidelines for designing large news websites
The new digital era of newspapers has begun to provide news articles to a wider range of users via websites, online e-news articles. People try to access enormous amount...
Read More What Graphic Design Trends Are Going Out Of Style? - noupe
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
Read More 
Connecting the Dots
Companies often tout their “culture” as a reason to you should consider working there, but often what they pass off as culture amounts to little more than a foosball table and free snac…
Read More 14 Ways to Utilize Videos on Your Home and Landing Pages | SpyreStudios
Here are 14 ways to utilize videos on your home and landing pages
Read More Diversity Initiatives in Web Design | Webdesigner Depot
Web developers have been the bedrock of any company’s business strategy for some time, and the industry is continuing to thrive and grow at a rapid pace. This is why it’s surprising that it is so lacklustre when it comes to diversity. A recent study revealed 80% of those in the design industry are male, […]
Read More 
