Welcome to the first Friday of April 2021, which also happens to be Good Friday, which also means it’s time for another edition of our weekly roundup of the past week’s web design and development related articles published around the web. This week we have articles about PHP, WordPress, web hosting comparisons, CSS, UX design, Bootstrap, working with clients, and much more!

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


 

Tools for Auditing CSS | CSS-Tricks

Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it. Maybe it’s part of a performance review to identify
Read More

12 Best Search Engine Plugins for WordPress Websites

12 Best Search Engine Plugins for WordPress Websites on WebDesignDev.com. Read about 12 Best Search Engine Plugins for WordPress Websites.
Read More

How to Design a Stellar UX for Long-form Articles - noupe

After putting in multiple hours on researching, outlining, writing, and editing the first draft of your article, you’re eager to press the publish button.
Read More

Getting Started with Bootstrap 5 Helpers

In this tutorial, you will learn what the existing predefined Bootstrap 5 helper classes are and how to use them in certain situations.
Read More

Gift Card Websites With Good Web Designs | SpyreStudios

Explore these gift card websites with good web designs.
Read More

How a Custom WordPress Plugin Can Help You Manage a Website

To help demonstrate the power and convenience of a custom WordPress plugin, we highlight some situations where going custom can be a help.
Read More

The graphic designer's guide to decoding client feedback

Client communication can be a struggle even for the most seasoned designers. To help you better understand client feedback, we're sharing a few common client scenarios and how to best navigate them.
Read More

Inspirational Websites Roundup #24 | Codrops

It's always such a pleasure to make these roundups of wonderful designs. It gives a glimpse into what the current trends
Read More

A Beginner's Guide To Website Penetration Testing - noupe

In today’s digital world, more and more web applications are being developed and released to users each day. This is obviously great news for consumers
Read More

:where() has a cool specificity trick, too. | CSS-Tricks

There is a lot of hype on the :is() pseudo-selector lately, probably because now that Safari 14 has it, it's supported across all the major browsers. You've
Read More

Breaking Away from Perfectionism » Design.org » "Create Happy"

Breaking away from perfectionism is hard, but worth it. Here are some quotes, habits, and mindsets that will help you to better manage your perfectionism.
Read More

How to Gain the Trust of Your Web Design Clients

If your clients don’t feel they can trust you – it’s going to be tough. So, how do you gain trust? We have some tips for building a solid foundation.
Read More

Is Voice UI the future of user experience design?

<p>An exploration of the growing importance of voice user interfaces and the impact on information architecture</p>
Read More

Nailing That Cool Dissolve Transition | CSS-Tricks

We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the
Read More

UI Interactions & Animations Roundup #15 | Codrops

After many weeks of collecting some interesting UI interaction shots, it's now time to share it with you! Some super coo
Read More

HTML Inputs and Labels: A Love Story | CSS-Tricks

Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are
Read More

10 cancellation flow examples and why they work

<p>In this article, we’ll look at how some top SaaS companies deflect user cancellations and keep churn rates in the green and how you can implement smart UX to deflect product cancellations.</p>
Read More

Fixing a slow site iteratively | CSS-Tricks

Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make
Read More

How Collaboration Makes You a Better Designer

Design collaboration might sound like nothing more than a way for people to work faster. Did you know that it can make you a better designer?
Read More

10 Things Freelance Designers Should Not Be Doing

Working as a freelance designer is amazingly rewarding, but also hard. After more than 10 years of working in a solo space, I’ve learned a lot of things. (Some of them the hard way.) This post is designed to help you avoid some of the mistakes that many of us have made on your path [&hel...
Read More

10+ UX Design Courses, Tutorials & Tips for Web Designers

As a web designer, it’s your job to design websites that users can explore without getting lost or frustrated. To accomplish this goal, you need to understand how users behave and design systems that offer the best experience. That’s why you should learn about User Experience Design (U...
Read More

Inside the Design Process to Protect People’s Health on Public Transit

<p>In January 2020, news of COVID-19’s approach was building like a looming storm. That the pandemic was coming seemed clear, but when it would arrive, where it would appear, and how bad it would be, nobody could yet predict. To think back on how we “prepared”—as individuals, organizations, and communities—is a lesson in hindsight. Who could have imagined the new vocabulary, behaviors, and habits we’d all acquire in one short year?</p>
Read More

Developing For Imperfect: Future Proofing CSS Styles | Modern CSS Solutions

How do we plan future-proof styles in a world with an infinite degree of device and user ability variance? Let's explore how things can break and how modern CSS provides solutions.
Read More

Weekly News for Designers № 586 - CSS Transition Library, Accessible Front-End Components, The End of AMP

This week’s Designer News – № 586 – includes Want to Write a Hover Effect With Inline CSS? Use CSS Variables., Test Your Cookie Knowledge with Cookie Consent Speed.Run, The End of AMP, A Complete Guide To Accessible Front-End Components, Add Animation With transition.css, Free Fonts Via Fontshare and so much more!
Read More

Ecommerce Web Design: How to Stand Out

Great eCommerce web design comes down to usability and aesthetics. An easy to use site requires simple functionality and an uncomplicated design.
Read More

Let’s Create an Image Pop-Out Effect With SVG Clip Path | CSS-Tricks

Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in most
Read More