MichaelOldroyd.co.uk

The Dark Corners of Your UI

The other day, the engineering manager on my team was testing some stuff and happened upon this heartbreakingly terrible interface: He pinged the designers and we obviously filed a design bug immediately to bring that page up to any kind of snuff.... | Cap Watkins | Sr. Product Design Manager at Etsy. Formerly at Amazon, Formspring and Zoosk. Draws pretty pictures on the Internet all day.

Improve the payment experience with animations

Behind the scenes of Stripe Checkout

The Ebb of the Web

Tech pundits like to lament that the web has [no viable future][no-viable], while web idealists hold that in fact the web is totally fine, with a

12 Little-Known CSS Facts

Even if you've been coding CSS for a while, you probably still come across new stuff all the time. Here are 12 things you might not have been aware of.

How to Deal with Merge Conflicts in Git

Creating Style Guides

A style guide, also referred to as a pattern library, is a living document that details the front-end code for all the elements and modules of a website or application. It also documents the site’s visual language, from header styles to color palettes. In short, a proper style guide is a one-stop guide that the entire team can reference when considering site changes and iterations. Susan Robertson shows us how to build and maintain a style guide that helps everyone from product owners and producers to designers and developers keep an ever-changing site on brand and on target.

Web Components and the Three Unsexy Pillars

Optimal Techniques for Strategically Displaying Web Forms

Refactoring Legacy Code: Part 1 – The Golden Master

Learn techniques for how to deal with complex and complicated unknown legacy code, how to understand it, and finally writing the Golden Master tests for future changes. | Difficulty: Intermediate; Length: Medium; Tags: Web Development, PHP, Bash