Design & Interactive Experiences

When I write about working with APIs, I often get back questions about authenticating with OAuth. Today, I wanted to show you how to use OAuth with fetch() in vanilla jS. An example To help this all click, let’s work with a real example: the Petfinder API. To work along with me, you’ll first need to create an account and get an API key and secret. The Petfinder API can be used to get a list of adoptable pets for a specific shelter (or by animal type or breed).

MagicPlaylist helps users discover new music. Type your favorite song and create the perfect Spotify playlist.

What color is your music? Connect your Spotify to find out!

Trump vs Black Lives Matter: DeRay Mckesson This is the fifth interview in an eight-part series. DeRay Mckesson Activist, organiser, author and podcaster Before the 2016 election DeRay Mckesson wrote an opinion piece for the Washington Post entitled ‘Why I’m Voting for Hillary Clinton’. “I got so much flack for it,” says the activist, author and podcaster. “People went absolutely nuts. But […]

Designing Mindfulness is a manifesto from Mindfulness Everywhere. It is a result of our asking the question - how can we build the ideas and practices of mindfulness into all kinds of technology so that the attention and therefore the wellbeing of the people who use it is at best supported and at wo

Calm technology is maintained by Amber Case

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.

A list of recent Dark Patterns - tricks used in websites and apps that make you buy or sign up for things that you didn't mean to.

It’s time we bridge the gap between feel-good Design & Ethics panels and the work we do everyday as digital product designers.

By Amber Case

Online, Worldwide, Free. The online event for UX, front-end, and product people who want to make a positive impact—on climate-change, social equality, and inclusion. Follow us on Twitter or subscribe to our newsletter to hear about future events. Conference Videos All our talks are on our YouTube SustainableUX playlist. Looking for speakers Want to present at SustainableUX? Recent speakers Jordyn Bonds Hana Nagel Cennydd Bowles

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

I'm super interested in how the rise of automation and agentive technology may affect the role of the designer over the coming years. In this article I attempt to make sense of some of the current trends and outline one potential future (if we're not too careful).

A set of challenges to practice UX design skills.

Pixel sorting is the process of isolating a horizontal or vertical line of pixels in an image and sorting their positions based on any number of criteria.

Make text art with the glitch text generator and type slider. Filter images and even streaming videos in the browser.

A semi-complete documentation of Audacity Effects on image files. This can also be found on Tumblr, if you prefer. When pursuing the wonderful practice of databending I think that experimentation i…

Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.

Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.

A comprehensive guide to improving accessibility for people with visual impairments, looking at assistive technology, UX testing with blind people and creating content.

The National Eye Institute’s (NEI) virtual reality (VR) experience lets you explore life with vision loss from common eye diseases, including age-related macular degeneration and cataracts. Download the “NEI VR: See What I See” application to your smartphone or browse virtual reality videos and images.

Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more

Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually build web layouts with our interactive CSS Grid Generator.

Take a look at the timeline of web design history and remember the milestones that took place since the first website was launched in October 1991.