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 ModernizrCategory Archives: Javascript/jQuery
MutationObserver – The Coolest API I’m Not Using, But Should Be
Ninja Kick: WordPress Contact Form Plugin is a great plugin and well worth its modest cost. It provides a responsive, off-canvas solution for displaying forms. You can have multiple Ninja Kick forms on one page, but you can only configure the tab to display one label. In the example below, the default label is “Request […]
Continue readingMutationObserver – The Coolest API I’m Not Using, But Should BeDebugging Service Workers
I recently added a Service Worker to bmorecreativeinc.com, but it wasn’t caching the assets I had defined. Nothing was showing up using Chrome’s Developer Tools. To enable debugging of Service Workers within Chrome, follow these steps:
Continue readingDebugging Service WorkersCopy to Clipboard
I was working on a custom LinkedIn module for Joomla which required a site administrator to copy a long Authorization Code into a field within the module configuration page. I wanted to provide a native Copy to Clipboard function for modern browsers that support that feature.
Continue readingCopy to ClipboardJavascript Multidimensional Arrays
To create a Javascript multidimensional array, use object syntax.
Continue readingJavascript Multidimensional Arrays