Edge object-fit Fallback without a Polyfill or Modernizr

For the A-Z Directory module, I wanted a sensible and aesthetically pleasing approach to displaying contact images. Without knowing the width and height dimensions of the images people would be using for their contact images, I looked to the object-fit CSS property to avoid squashing and stretching the images. Object-fit has great support in modern browsers except for Edge.

Continue readingEdge object-fit Fallback without a Polyfill or Modernizr

Smoother iOS Vertical Scrolling

Working on an off-canvas navigation technique wherein the navigation would cover the entire viewport, I set overflow-y: scroll on the containing div. While this provided the ability to scroll down long navigation lists on touch devices, it was not a fluid interaction. This can be made fluid by adding the -webkit-overflow-scrolling: touch style declaration to […]

Continue readingSmoother iOS Vertical Scrolling