Recently, I've been working to remove jQuery dependencies on personal projects. I outlined some of that effort with the refactoring of my A-Z Directory module. But I turned my attention to my joomla.bmorecreativeinc.com site, which as you might have guessed, is a Joomla site which...

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.