This Week In Web Design – July 2, 2021

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

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 […]

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

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.

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 […]

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

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

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

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

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.

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…

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...

<p>The benefits of the user-centred approach are well-recognized, and it’s now the backbone of the product design process. Yet how to understand users’ needs when designing for an international audience? It’s often the case that either the needs are generalized or aren’t researched properly. In this article, you will discover why it’s necessary to embrace users’ cultural differences, how to discover them during the design process and why it’s a prerequisite for the success of your product.</p>

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,

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

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.

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

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.

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....

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

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;…

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

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…

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

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

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 […]

Writing a web proposal is tedious, boring, and often feels like it’s a waste of time. However, with a good web proposal template, it becomes much faster and easier to create a winning website proposal for your boss or your clients. 

When writing front-end tests, you’ll find a lot of pitfalls along the way. Let’s explore common mistakes developers make, and how to avoid them. Testing doesn’t need to be painful, after all.

Calls to action, or CTAs, are very powerful tools! Sometimes, people just need to be told what to do next. And, to get website visitors to take the next step...

There are a few fonts that wind up being more popular - some loved and some hated. Here's a guide to the top five best-loved fonts and top five most hated.

You may have heard that you should be “linting” your code. What does that mean? Why would you want to do it?