Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
ux

25 Articles
{
,

}
Direct link to the article The Place of UX
ux

The Place of UX

Direct Link

Every time “UX” comes out of my mouth or is typed by my fingers, I think, “did I just use that term correctly?” It feels like such a big and loaded term these days, that perhaps the way …

Avatar of Chris Coyier
Shared by Chris Coyier on May 7, 2019
Direct link to the article Writing Animations That Bring Your Site to Life
css animation ux

Writing Animations That Bring Your Site to Life

Web animation is one of the factors that can strongly enhance your website’s look and feel. Sadly, unlike mobile apps, there aren’t as many websites using animation to their benefit as you would think. We don’t want to count yours …

Avatar of Prasanjit Singh
Prasanjit Singh on Feb 22, 2019
Direct link to the article Don’t Get Clever with Login Forms
forms ux

Don’t Get Clever with Login Forms

Direct Link

Brad points out some UX problems with a variety of apps that are doing things a little outside of the norm when it comes to their login forms. There is already a bunch of things to get right with forms …

Avatar of Chris Coyier
Shared by Chris Coyier on Feb 19, 2019
Direct link to the article Preventing Suicide with UX: A Case Study on Google Search
design opinion ux

Preventing Suicide with UX: A Case Study on Google Search

I came clean about my long-running and ongoing battle with chronic depression last year in a blog post on my personal site. But don’t worry, things are no worse than they were then and this post is about something else. …

Avatar of Geoff Graham
Geoff Graham on Oct 30, 2018
Direct link to the article The Best UX is No User Interface at All
UI ux

The Best UX is No User Interface at All

We have to anticipate how the user is going to think or react and everyone is different. Well designed systems can get us close to intuitive. .Even a perfect UI would be less than ideal. The ideal is to have no middleman at all. No translation layer. Historically speaking, this hasn’t been possible because we can’t "speak" to computers.

Avatar of Burke Holland
Burke Holland on Feb 5, 2018
Direct link to the article Help Your Users `Save-Data`
data saver performance save-data ux

Help Your Users `Save-Data`

The breadth and depth of knowledge to absorb in the web performance space is ridiculous. At a minimum, I’m discovering something new nearly every week. Case in point: The Save-Data header, which I discovered via a Google Developers …

Avatar of Jeremy Wagner
Jeremy Wagner on Oct 2, 2017 (Updated on Apr 18, 2019)
form validation forms ux

Why Use a Third-Party Form Validation Library?

We’ve just wrapped up a great series of posts from Chris Ferdinandi on modern form validation. It starts here. These days, browsers have quite a few built-in tools for handling form validation including HTML attributes that can do quite …

Avatar of Chris Coyier
Chris Coyier on Jul 3, 2017
form validation forms ux

Form Validation – Part 4: Validating the MailChimp Subscribe Form

Over the last few articles in this series, we’ve learned how to use a handful of input types and validation attributes to natively validate forms.

We’ve learned how to use the Constraint Validation API to enhance the native browser validation …

Avatar of Chris Ferdinandi
Chris Ferdinandi on Jun 29, 2017 (Updated on Jul 23, 2021)
form validation forms ux

Form Validation Part 3: A Validity State API Polyfill

In the last article in this series, we built a lightweight script (6kb, 2.7kb minified) using the Validity State API to enhance the native form validation experience. It works in all modern browsers and provides support IE support back to …

Avatar of Chris Ferdinandi
Chris Ferdinandi on Jun 28, 2017 (Updated on Mar 31, 2020)
form validation forms ux

Form Validation Part 2: The Constraint Validation API (JavaScript)

In my last article, I showed you how to use native browser form validation through a combination of semantic input types (for example, <input type="email"/>) and validation attributes (such as required and pattern).

While incredibly easy and super …

Avatar of Chris Ferdinandi
Chris Ferdinandi on Jun 27, 2017 (Updated on Jun 29, 2017)
form validation forms ux

Form Validation Part 1: Constraint Validation in HTML

Most JavaScript form validation libraries are large, and often require other libraries like jQuery. For example, MailChimp’s embeddable form includes a 140kb validation file (minified). It includes the entire jQuery library, a third-party form validation plugin, and some custom MailChimp …

Avatar of Chris Ferdinandi
Chris Ferdinandi on Jun 26, 2017 (Updated on Jun 29, 2017)
  • Newer
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top