Dan's design links

A beautiful way to save the most important

Screenshots and examples of great UX from real mobile and web products. Discover the best UX examples—including onboarding tours and walkthroughs, new feature and rebrand announcements, UX copywriting, signup flows and more. Brought to you by Appcues.

01 — Do we really need to display this table as a table on mobile? 02 — Are some rows/columns more important than others? 03 — What data points are most critical to our customers? https://t.co/TslG3dgeCC”

Drop in your Sketch file to export as Color Assets and Swift code with support for Dark Mode. Speed up your own or teams Sketch to Xcode workflow.

A while back our design team proposed to redesign Cronycle content reader, to improve comfort, functionality, and responsiveness. Cronycle…

When we think about web fonts and their impact on the performance on our websites we often focus on three main areas:

Learn how to write HTML, the programming language that powers the web.

ProtoPie is the easiest tool used to turn your UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT.

‎Adaptivity is an app for developers and designers to visualize how iOS's Size Classes and margins for layout, readable content and the safe area look on real devices and how they change with respect to orientation, iPad Slide Over/Split View and Dynamic Type size changes. There are also views for vi…

Potentially interesting stats on stylesheets

Master Sketch with these deceptively simple tricks.

Daily videos about inclusive design. Join the conversation on Twitter #AskFeatherA11y and enter to win a free phone consultation with Derek Featherstone!

The topic of how accessible it is for newbies and seasoned developers alike to learn CSS has been gaining steam as the complexity of the tools around it

Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease you want, and comes with many of the Penner Easing Equations.

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.

This is a follow up to “The grand lifecycle of a small product change” which covers our design process for this feature.

Friendly web development tutorials for complete beginners

A post by Zach Leatherman (zachleat)

The following is a guest post by Rob Levin. Rob is a Senior UI/UX Developer at Mavenlink, and coauthor of the Unicorn UI CSS Button Library. Their 2.0

At the top of an SVG file’s code are things like DOCTYPE, xml, xmlns, xlink, and version. Here’s what they mean and when you need them.

The Truth About Button Color on Websites (According to NASA and Eye Tracking) It’s one of the oldest debates in web design and digital marketing: which color should you use for call to action buttons?

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion…

Learn the CSS Grid Spec

A game for learning CSS grid layout