I'm a Systems Reliability and DevOps engineer for Netdata Inc. When not working, I enjoy studying linguistics and history, playing video games, and cooking all kinds of international cuisine.
On the note of colors, make a point to pay attention to the contrast ratios. There's no point in having an amazing vibrant color palette if nobody can read anything or differentiate UI controls. This should factor into design beyond just choosing colors in the first place. Some places should be high contrast (for example, text), but others should actually be lower contrast (see for example the color difference between the card elements and the background here on DEV in the default or night themes, high contrast there would actually be rather distracting).
Also, just because a color palette is popular doesn't mean it's a good one. For example, Bootstrap 4's default color scheme looks nice, but it's actually got pretty bad contrast in a number of cases, and borders on unusable for people who are colorblind.
Speaking of UX, when you are developing a product that uses a right to left writing direction (e.g. in Hebrew), remember to switch also the direction of the element flow (e.g. the logo/homepage link will now be on the right side of the navbar and not on the left).
The #1 best thing you can do is read Refactoring UI. Hands down. No questions asked. Period. Once you're done checkout Steve Schoger's youtube channel.
Agreed, but a clarification: that's actually a video in the "Web Conferences Amsterdam" channel. Steve's YouTube channel (e.g. for subscribers) is here: youtube.com/channel/UCxqiDtkXtOCNJ...
How’s it going, I'm a Adam, a Full-Stack Engineer, actively searching for work. I'm all about JavaScript. And Frontend but don't let that fool you - I've also got some serious Backend skills.
Location
City of Bath, UK 🇬🇧
Education
11 plus years* active enterprise development experience and a Fine art degree 🎨
How’s it going, I'm a Adam, a Full-Stack Engineer, actively searching for work. I'm all about JavaScript. And Frontend but don't let that fool you - I've also got some serious Backend skills.
Location
City of Bath, UK 🇬🇧
Education
11 plus years* active enterprise development experience and a Fine art degree 🎨
Hey, thanks for picking this up! I had an external Medium article linked but it didn't seem to be working. I think post works well enough without it so I've removed the link.
Thanks for reading!
We're a place where coders share, stay up-to-date and grow their careers.
On the note of colors, make a point to pay attention to the contrast ratios. There's no point in having an amazing vibrant color palette if nobody can read anything or differentiate UI controls. This should factor into design beyond just choosing colors in the first place. Some places should be high contrast (for example, text), but others should actually be lower contrast (see for example the color difference between the card elements and the background here on DEV in the default or night themes, high contrast there would actually be rather distracting).
Also, just because a color palette is popular doesn't mean it's a good one. For example, Bootstrap 4's default color scheme looks nice, but it's actually got pretty bad contrast in a number of cases, and borders on unusable for people who are colorblind.
Absolutely - that's a great point. There are plenty of tools out there to test colour contrast as well. No more excuses white on pale grey!
Speaking of UX, when you are developing a product that uses a right to left writing direction (e.g. in Hebrew), remember to switch also the direction of the element flow (e.g. the logo/homepage link will now be on the right side of the navbar and not on the left).
Ohh this is a great tip! Thanks for sharing!
The #1 best thing you can do is read Refactoring UI. Hands down. No questions asked. Period. Once you're done checkout Steve Schoger's youtube channel.
youtube.com/watch?v=7Z9rrryIOC4
Agreed, but a clarification: that's actually a video in the "Web Conferences Amsterdam" channel. Steve's YouTube channel (e.g. for subscribers) is here:
youtube.com/channel/UCxqiDtkXtOCNJ...
His Twitter is:
twitter.com/steveschoger
Great recommendations!
I love Montserrat! Probably because I'm so much more developer then designer these days so all my designs fail.
I know how you feel! It's definitely my fallback font for when nothing else seems to look right.
Thank you both for appreciating such a fine typeface, from the core of Buenos Aires' oldest neighborhoods (called Montserrat by the way :P)
This is why I like the font. 🏝️
"Think you've got enough whitespace? Double it!"
Double of 0 is still 0 :)
Haha good point! Lesson learned - don’t be clever with subheadings 😉
Hi, Thank you for the article, but i think the link on " here's a great article that explains the difference. " is doing a circular referencing.
Hey, thanks for picking this up! I had an external Medium article linked but it didn't seem to be working. I think post works well enough without it so I've removed the link.
Thanks for reading!