This Week In Web Design – July 2, 2021

It’s the first Friday of July (July already!?!), and therefore it’s time again for our weekly roundup of all the web design and development related articles we’ve found that were published in the past seven days. This week we have articles covering topics including CSS, graphic and web design, UI and UX, WordPress, AI tools, freelancing, JavaScript, and much more. Ready to jump in? Let’s go!

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Positioning Overlay Content with CSS Grid

Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.

20 Best New Sites, June 2021 | Webdesigner Depot

Ever since online stores first emerged they’ve faced one big challenge compared to their real world rivals; yes, it’s convenient to shop wherever, whenever you want, and delivery options permitting, buy from anyone anywhere in the world. But it’s a minimal experience compared to the fuller sensory experience of shopping in the real world. Online […]

How to reverse engineer your dream design career (3 simple steps)

Use this 3 step approach to reverse engineer your next career move and get your dream graphic design job.

Building a Responsive Knowledge Base Theme using Bootstrap 5

In this tutorial, we create a modern style of knowledge base Bootstrap 5 theme that you can use and customize to any of your products and services.

Best of the web for Design and Web Development June 2021 | Creative Nerds

With the 6th month of the year concluded we have rounded up the month in our usual fashion. By cherry picking the very best design tutorials and web articles published and written in the month of June. There’s a great mixture of design tutorials in this post both photoshop and illustrator. The post features how […]

UI Interactions & Animations Roundup #17 | Codrops

A fresh pick of the most interesting UI animation and interaction shots to get inspired.

The Ultimate WordPress Security Guide For 2021 - SecureBlitz

WordPress security can be a major concern for all web owners when the internet has become a threat. Here's how to secure your WordPress site

Understanding Cybersecurity for Your Website | SpyreStudios

Learn more about the importance of cybersecurity and ways to implement it on your website.

Make More, Work Less: Artificial Intelligence Tools for Every Type of Creative

Check out the artificial intelligence (AI) tools supporting the creative process and making creating easier.

How to Help Your Clients Overcome Fear of Commitment

Commitment and web design go together like oil and water. So here are some ways to help even the most skittish of clients move forward.

Diving Into WordPress 5.8’s New Widgets Screen

It has been a while since I have touched widgets. Once the site editor landed in the Gutenberg plugin, I almost exclusively dropped the old sidebar paradigm and moved to block templates. Reactivati…

Tip: Don’t Preprocess What You Can Design Token

CSS preprocessors like Sass, Less and PostCSS extend the syntax of our stylesheets with extra functionality that can make development a lot more convenient. Let's say your project includes a modular scale to maintain proportions responsively across typography and spacing. Instead of doing all the maths (or relying on a calculator) for every rule, we...

Fresh Resources for Web Designers and Developers (June 2021) - Hongkiat

Being a web developer means constant learning as the field keeps evolving with new updates coming in every other day. Especially when it comes to HTML,

7 Website Navigation Examples That Will Inspire Your Design

Looking to revamp your website navigation? Check out these seven website navigation examples to inspire you!

How to Protect a WordPress Site from Hackers

For many WordPress sites, simply taking small steps to secure a website is enough to keep the sites from getting hacked. Read about it here.

How to Code the K72 Marquee Hover Animation | Codrops

Learn how to recreate the direction-aware marquee menu hover animation seen on the website of K72 made by Locomotive.

The Ultimate Guide on How to Create a Font

Designing a masterful typeface requires years of practice - but it may take only a couple weeks to learn how to create a font and learn from the experience.

7 Tips for Building a Remote-First Business in 2021

Building a remote-first business in 2021 means building a business that can operate and generate profits without any physical offices. Fully remote employees oversee and run digital infrastructure and processes....

:nth-child Between Two Fixed Indexes

I needed to select some elements between two fixed indexes the other day — like literally the second through fifth elements. Ironically, I have a whole

Asynchronous Design Critique: Getting Feedback

Receiving feedback can be a stressful experience: will an open-ended question attract helpful guidance or harsh criticism? Erin “Folletto“ Casali has already taught us how to provide good feedback;…

10 Essential Freelance WordPress Plugins For Developers & Designers

A list of the most essential freelance WordPress plugin options that every freelance developer and designer simply cannot live without.

Gatsby WP Themes Launches New Marketplace

The Gatsby WP Themes project has launched a new marketplace for developers who are building WordPress-powered sites with Gatsby on the frontend. Originally founded by Zac Gordon and Alexandra Spala…

When a Click is Not Just a Click

The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element

What is a Wireframe? Your Go-To Guide on Wireframe Design

A wireframe is a barebones outline of your website. Learn how to use wireframes to design the best website for your business.

17 Things You Can Do To Improve Your SEO Ranking In 2021 | Webdesigner Depot

There’s no shortcut to success when it comes to Google search results. That is unless you count pay-per-click advertising. While pay-to-play will shoot your site to the top of the SERP immediately, it’s not a sustainable strategy for maintaining your position there. So, you’re going to have to get serious about SEO. This guide will […]