This Week In Web Design – June 18, 2021

Not sure where to start with designing your website? Check out these six types of web design to help you figure out the right design for your business!

This month’s new tools and resources collection is a mixed bag of elements for designers and developers. From fun little divots to tools that can speed up development, you are sure to find something usable here. Here’s what new for designers this month: June’s Top Picks Codewell Codewell is a service to help you learn, […]

A subscription confirmation email is a particular type of transactional newsletter. It is sent automatically to users who express a desire to become a part of your subscriber list.

Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.

When you load a file from an external server, you’re trusting that the content you request is what you expect it to be. Since you don’t manage the server yourself, you’re relying on the security of…

React offers a couple of built-in hooks. You can also create your React custom hooks. Learn what custom hooks are and how to create them.

With container queries now on the horizon - will we need media queries at all?

We take a look at those scenarios when it may be wiser to steer clear of WordPress – or any CMS, for that matter, and just use static HTML.

Is the hamburger off the menu? Or should UX designers use this icon for navigation? UXPin is about to serve up the best practice.

It wasn’t long ago when I looked at sticky headers and footers in HTML <table>s in the blog post A table with both a sticky header and a sticky first column. In it, I never used po…

I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the…

This guide to the 8 most popular PHP frameworks will help you decide which one is worth learning and using for web development projects.

Designers and developers used to be the complete opposite and had different jobs. Designers were responsible for making plans and designing things. 

Outsized typography in web design is one of the most recent trends. With the advent of simple, neutral, and minimalist designs, designers must find a new avenue of adding drama and effect to their concepts.

Redesigning or migrating your website is a huge undertaking. Protect your investment with this SEO checklist for website redesigns.

Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a …

We’ve all run across them – web questionnaires or surveys that were so simple and delightful that they were actually fun to fill out. Sadly, that’s the exception to the rule. More often than, surveys are clunky and cumbersome. You can design a captivating web questionnaire with the r...

Inclusive design is often mistaken for accessibility, or even used as an interchangeable term, which is a good indication that most designers don’t know what it means. Accessibility is a process that seeks to mitigate issues in a design that is not sufficiently universal; inclusive design increases the universality of the design. In real-world terms, […]

Men's health websites are a great way to be inspired by and celebrate Father's day. These websites could give you an idea of what to give your significant other and your dad for father's day. The designs of these websites are also something to be inspired by. Even if most designs are simple, the topics discussed are surely enriching. 

Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX. Use our quiz to get an idea of your organization’s UX maturity.

The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and was designed to underlie implementatio…

Believe it or not, copywriting and design go hand in hand. Here's how to write effective copy that serves your clients and helps you create better designs.

Next.js has a file-based routing system in which each page automatically becomes a route based on its file name. This article will guide you through almost everything you need to know about Routing in Next.js and point you in the direction of related topics and concepts.

A practical introduction to the CSS Paint API with hands-on code examples including particles, noise buttons and curvy dividers.

Follow these tips to have an impact with your designs EVERY time.

Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a clipping technique for tooltips showing…

How do you know that you’re giving good feedback? Erin ‘Folletto’ Casali offers a tangible framework for delivering feedback through the lens of the design critique process in this first installmen…