Making icon-only buttons a little more accessible

Based on things I've seen in the wild lately, it's time for another quick reminder to not just focus on sighted users. In this particular case, we're going to focus on the use of icons-only buttons. Now, a lot can be said about the usability of only relying on a symbol to convey meaning, but let's just focus on the accessibility part for today.

Continue Reading Making icon-only buttons a little more accessible

Proportional image scaling in your responsive web design

Having images scale properly along with its container is a given when it comes to responsive web design. I’ve seen a few responsive web site over the last few weeks who seems to have forgotten this, which is a real shame since it is so very easy to fix this. All you need to do is give the images a percentage based max-width.

Continue Reading Proportional image scaling in your responsive web design

Web development with Elixir

I created a small hobby project, an online comic book reader, using the fairly new programming language Elixir and a framework called Phoenix which I knew nothing about. These are…

Continue Reading Web development with Elixir

Flexbox Centering Cheatsheet

This last year I have had the pleasure of using Flexbox regularly at work. I have had some trouble with memorizing the relationship between flex-direction, align-items and justify-content, specifically in…

Continue Reading Flexbox Centering Cheatsheet

End of content

No more pages to load