Using IntersectionObserver and some extra DOM elements called sentinels to detect when an element becomes sticky.
Continue readingSentinelsCategory Archives: Javascript/jQuery
The Petfinder Module – Version 3.3.0
Petfinder 3.3.0 introduced the Polaroid Effect option thanks to a recommendation from my good friend at GrimeyMedia. You can check it out on the demo page. Once the Polaroid Effect is enabled, a site administrator has the ability to set the maximum degree of rotation for each pet card. The range is between 1 and […]
Continue readingThe Petfinder Module – Version 3.3.0Vanilla
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 serves as my demonstration, documentation, and download repository for my […]
Continue readingVanillaPassing PHP values to Javascript in Joomla
In a previous blog post, I was extolling the virtues of the wp_localize_script function in WordPress as a way to pass PHP values to Javascript. It turns out that Joomla offers similar functionality.
Continue readingPassing PHP values to Javascript in JoomlaEdge 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