This Week In Web Design – October 1, 2021

Figuring out how to place text on top of a background image, while making sure you can still read it, can be challenging.

Welcome to this month’s collection of what’s making the web look good. This time out we’ve got some new brands and some rebrands, and we’ve got some good examples of branding continuity across media. Branding continuity doesn’t just mean putting the logo in the corner and using the same colors and type. It’s about capturing […]

Take a look at this updated list of 26 Articles and Tutorials for Getting Started with jQuery

Recently, a number of big-name and trusted WordPress plugins have been sold. How concerned should we be? We try to make sense of it all.

If you’re confused about the difference between UX vs. UI design, you’re not alone. Take a look at UX vs. UI design to find out how they’re different!

The best motion design and animation shots from Dribbble collected over the past couple of weeks.

Learn alternative options to query data through HTTP requests in JavaScript.

As a utility-first CSS framework, Tailwind has rapidly become popular among developers. With its fast styling process and the freedom it offers when designing a website, it’s really no wonder why. But how can you make sure this is the right CSS framework for your upcoming development projects? In this blog post, you’ll learn what […]

We look at the many factors that can impact a web design project’s launch date, and share tips for determining its length more accurately.

If you know the slightest bit about computers, you probably have at least some idea of what a web developer is and precisely what they do. To break it

Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead.

Voice interfaces and user experiences are a trending topic in the world of website design because user behavior is demanding it. Just think of how often you ask Alexa, Google, or Siri for help on any given day. Think about the push for more accessibly designed websites that work more effec...

A lot of people these days are setting up their own newsletters. You’ve got the current big names like Substack and MailChimp, companies like Twitter are

WordPress calendar plugins are ideal for scheduling things like boardroom meetings, work events, family meetings, and other important dates.

A really neat little helper function that automatically expands a textarea as the user types in.

A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.

Learn how to practice ethical design communication in your web designs by applying 5 simple rules.

The headless CMS trend is gaining traction growing at over 20% annually. The driving force behind the headless CMS trend is developer’s increasing need for flexibility and control. Using the headless CMS’s API, front-end developers can use JavaScript frameworks like React, Vue, or Angular to quickly deploy content and designs in various web pages and […]

In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets.

The clientWidth property indicates the width without scrollbar. The offsetWidth, on the other hand, includes the scrollbar if there is.

As a web developer, your priorities are to build, design, optimize, and host the best site you can — in the least possible amount of time. Today, we want

Inclusive design ensures web experiences are user-friendly and accessible to diverse users. Implement ethical design with these 6 principles.

<div class="panel-pane pane-entity-field pane-node-field-long-article-teaser"> <div class="field field-name-field-long-article-teaser field-type-text-long field-label-hidden"> <div class="field-items"> <div class="field-item even">As New York Public Radio, like many other organizations, have shifted to working remotely over the last year, we saw a need to rethink how we collaborate in order to increase productivity. Like many design teams before COVID-19, we already used tools like Figma and Miro that made passive or asynchronous communication possible but once we removed the in-person aspect, a few things changed.</div> </div> </div> </div> <div class="panel-pane pane-custom pane-2"></div>

Sign-up forms are a great way to gather information about potential customers. Make sure yours looks great with these 30 sign-up form examples!

Chrome developer advocate Jake Archibald called 2016 "the year of web streams." Clearly, his prediction was somewhat premature. The Streams Standard was

Looking to make the switch to UI/UX? Here are some concepts and mindsets to focus on.

There is lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,

In JavaScript, Strings are values made up of text and can contain letters, numbers, symbols, punctuation, and even emojis!

A commit can be something that helps us stay on top of things. It can be a container for related changes that belong to one and only one topic, and thereby make it easier for us to understand what happened. In this post, we’re talking about what it takes to produce the "perfect" commit.