CSS fix for 100vh in mobile WebKit

Comments

Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested not using 100vh, others have come up with different alternatives to work around the problem. In fact, this issue goes further back a few...

Continue reading

Using closest() to return the correct DOM element

Comments

I was recently working with a vertical navigation component and ran into a hiccup where the JavaScript code wouldn’t fire depending on where I clicked on the menu item link. I did some digging and thought I’d share a little about what I discovered and how I was able to...

Continue reading

Phone number links and accessibility

Comments

One design challenge that used to stump me was making phone numbers accessible in the browser while still being functional. The WCAG 2.0 guidelines state: Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision). Let’s consider for a moment...

Continue reading