New challenges, risks, and opportunities for designers — Within the past few years, designers have been pushing the limits of modern web browsers with new ways to tell stories via websites. Technologies like WebGL, WebSockets, and 3D rendering APIs like three.js have all helped digital creators rethink the way a traditional webpage behaves. Websites no longer have to…

How to design effective and responsible rewards — Rewards Are Powerful You’ve most likely downloaded a new app for your phone, only to delete it a few days later or never open it again. You may have also caught yourself scrolling through your Instagram feed for hours at a time, with no real reason. …

An Introduction to Accessible Rich Internet Applications for Designers — Introduction Imagine if you clicked on a checkbox and instead of the square filling in or turning into a check, you saw it behaving like a dropdown, giving you other options and selections to choose from. Naturally, this would be a frustrating and confusing experience as the element did not function…

Overlooked features with powerful results — Defining Navigation Although we almost always think of a site’s header when referring to navigation, it’s important to remember that navigating a site is not only moving from page to page but also from section to section within individual pages. …

Quick wins to make your designs more inclusive — What is Accessibility? When was the last time you visited a website and got frustrated because you had trouble using it? Maybe the site was using Web GL technology that your browser didn’t support, you couldn’t read it’s text due to it being so small, or the mobile experience simply wouldn’t load on…

Get a website up and running in minutes even if you have never coded before. — 1. Webflow

A primer to creating timeline based animations without knowing JavaScript — Introduction The GreenSock Animation Platform (GSAP for short) is a powerful JavaScript library that enables front-end developers and designers to create robust timeline based animations. This allows for precise control for more involved animation sequences rather than the sometimes constraining keyframe and animation properties that CSS offers.

The best productivity and performance plugins for Sketch — 1. Sketch Runner

This is the second article in a two-part guide intended to give non-developers the tools to create their own CSS animations. In part 1, we created a button and learned the fundamentals of transitions, easing, and the :hover selector. …