It’s not only Friday – it’s Friday the 13th! Regardless of superstitions, it’s still time for our weekly roundup of web design and development related articles published in the past seven days. As always, we hope you will find this edition of “This Week In Web Design” useful in your endeavors to grow your web design and development skills.
Thanks to some recent changes in browsers, it’s now well worth setting width and height attributes on your images to prevent layout shifts and improve the experience of your site visitors.
Take a look at the most common WordPress attacks in 2020, as well as how to guard yourself against them.
This roundup of the latest research for web designers includes a mix of reports along with some news and facts about something that people are talking about all around the world: the coronavirus.
Google Fonts added an option to only show variable fonts!
A website redesign process can help bring your site to life and engage potential customers.
10 YouTube channels that offer both in-depth tutorials and quick tip videos that make it easy to expand your skill set.
This small CSS library serves to avoid the responsive web by focusing on pure fluidity in which the system communicates what size to be rendered.
As a collective digital artist, it is important to understand the fundamental science behind color theory.
Reading this guide should be on top of your to-do list since it lists all the necessary steps needed to build a functional blog design.
Designing with real content helps ensure we know the product.
Dark mode may be the ideal choice for any website that requires lengthy engagement.
Working in Arabic and English because it’s a classic example of RTL in use.
Most of these tools are standalone sites that let you input stuff and output something useful, whether that’s a code snippet, a download, a piece of reformatted text, or simply some helpful information.
What kind of color trends will be popular this year? Will there be new trends in color schemes? Or would any old trends make a come-back? Here are our predictions.
Perhaps the worst thing you can do for a block link is to wrap everything in the <a href>.
There are still reasons why showing up to a conference is beneficial.
We hope you enjoy these 14 best Adobe font pairings we’ve suggested, and find them useful in your upcoming projects.
You can make everything you need with just CSS and a couple of custom properties in your HTML.
Architecting components to offer a white list of themeable CSS properties, so each brand can define their design language using design tokens.
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
Overview, Problem and the goal, Scope, Target audience, Process, Deliverables and the outcome, Lessons learned.
All about the basic Git techniques that you must be familiar with before you join a team.
In order to communicate effectively, you need to consider how your ideas are received.
Chosen based on how interactive, creative, or engaging they are to the site visitors.
A cheetsheet quick reference to all the magic methods available in PHP.
The tools in this list will allow creating wireframes of minimal or high fidelity, whatever you want.
If true inclusiveness lies beyond patterns — what other factors should we consider when designing and developing accessible SVGs?
Let’s not only use better color combinations in our designs but find a way to make it easier for us to implement high contrasts.
In games, user experience is everything, so game developers are often under huge pressure to make sure their systems are fault-tolerant.
Contain your fear of containing state and come along with me on this relatively painless journey.
Some great new tools from big names in the tech industry including Microsoft, Github, and JetBrains.
Cover photo courtesy of ShotStash.
This post may contain affiliate links. See our disclosure about affiliate links here.