John Slater - UI/UX Designer

10/07/2020

Design Better Buttons - Visual hierarchy, consistency and a good set of rules. Nice short article about buttons.

The do’s and don’ts of button design in UI development

26/02/2020

More colour resources! Can't get enough 🤭

Curated library of colors, fonts and resources for Web Developers & Digital Designers.

12/02/2020

Minimalistic album covers of
•

•
https://www.etsy.com/uk/shop/SnippyCow

10/02/2020

Styling inputs. The accessible way. I didn't know this was a thing until today. This seems like a much more accessible way to do things without having to rely on the misuse of labels, etc.

It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even

31/01/2020

Everyone loves free icons. Everyone loves a good gradient. Surely everyone loves a good combination.

An interactive free icons pack made specially for gradient lovers!

29/01/2020

This is a handy little tool I like. Struggling to overwrite some odd IE styling of an element. Search for the element you want and this tool will tell you the browser defaults for them.

Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident).

27/01/2020

During development, I often jump to Google and search for things like Base64 Encoder, JSON Formatter. This website has a huge collection of those little single-purpose tools.

A collection of free single-purpose online tools for web developers...

17/01/2020

Great read. Law #3 about reducing the length of tasks reminds me of a time I was told to deliberately slow down and add a progress bar to a task (5 seconds) because "users think the feature is being installed, like on windows" when in fact it just toggled a boolean in the database (in the milliseconds).

John Maeda’s book stays true to its nature being quite compact and the fact that the author was able to fit such a broad subject into a…

15/01/2020

Last week I made my own version of The Killers' K sign and decided to write about it. Not really UI/UX but it's good to explore new ideas.

I built my very own DIY light up The Killers sign using power tools, wood, LEDs and some Arduino magic.

10/01/2020

Display credit card numbers, expiry dates, telephone numbers, etc in a recognisable format and handle character input you don't need (like spaces and hyphen). This is a fantastic library for formatting the display of input fields.

Format input text content when you are typing... Contribute to nosir/cleave.js development by creating an account on GitHub.

08/01/2020

Choosing the right colours for a new project can be a painful experience and I'm forever looking for inspiration when I start something new. Colorsinspo is a collective of different colour tools.

Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients, and thousands of trendy hand-picked color palettes.

01/01/2020

Great summary of important rules when designing for ecommerce.

For many e-commerce stores, even a 0.5% difference in conversion rate can make a difference of thousands of dollars in yearly revenue.