This Week In Web Design – November 19, 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, […]

Pipeline operator is well-known in functional programming. Learn what pipeline operator and piping are and how to use them in JavaScript.

We introduce you to some WordPress automation tools, and using some basic examples, we demonstrate what they can do for you.

Arrays are container-like values that can hold other values. The values inside an array are called elements.

Remember when Ahmad Shadeed wrote about that border-radius "toggle" he found in Facebook's CSS? It was interesting! I covered it. A few weeks after that surge

Human brain processes information as well as how it forms certain patterns of behavior. Discover cognitive psychology tips for UX.

Have you ever heard of a UX/UI audit? Heuristics evaluations may be the best tool for this. The heuristics evaluation of UX/UI is an examination of not just how users respond to using a website or software but also of the entire system. Thankfully, for UX/UI designers, there are tools available for UX/UI heuristics evaluations. […]

Use Window.location.href to get the URL of the current page.

Former hiring manager at Google and CEO of Playbook.com, Jessica Ko, shares her expert tips and advice for new design grads and job seekers.

We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design system." The reality is that a design system is a multi-faceted layer cake, and also operates as part of o

Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color

Candy is a normal design theme, but designing a candy website for National Candy Day is not too common. As designers, we have designed for education, fashion, and all that. But, candy? It is quite a rare design project.

I'm a project manager at NIX United. My team is working on an IT product with over 150 people involved. Numerous teams work on this product, including a

A slideshow page layout with a filter enhanced navigation effect on the images.

To remove duplicates from an array, you can convert it to a set, and then back to an array.

The way we design and build WordPress themes is evolving. With the introduction of Full Site Editing (FSE), it is now possible to change every aspect of a site’s look...

There are lots of practical ways designers can help users avoid mistakes.

Upon hearing "sticky footer" these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen

Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are

In this article, we’ll take a look at the best ways to handle colors in CSS today, some tips for using them in a design system, and what we can expect from our colors in the not-too-distant future.

When working on software, the user interface matters more than you might think. No matter how incredibly efficient and groundbreaking the backend might be, a shoddy UI can sink a...

Get the actual computed style of an element. This factors in browser default stylesheets as well as external styles you’ve specified.

At some point or another, every creative feels blocked. If you can learn how to push through your creative blocks, your creativity will thrive.

A diverse collection of elegant web design examples created to impress and support visitors as well as to help businesses grow and satisfy their clients.

After completing your website design, you will want to protect your work from being used by others without your permission. One option is to register the copyright in your website...

Like this: <input type="search">

The creator economy tech stack is a selection of apps, tools, and platforms online creators use to power their businesses—from Shopify to Snapchat.

VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it's mostly used a local app that's installed on your machine. That's

We will highlight the element when user drags a file over it. The element will have a dashed border which can be simulated by a CSS class.

WordPress is a great CMS solution for large organizations. Shelly Fagin answers the big WordPress SEO questions enterprise WordPress users often ask.

Dealing with dates and times is one of those things that can frustrate programmers a lot. At the same time, they are fundamental to software development, used