Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order, but we can achieve a natural ordering by using :nth-child() and the order property
Create an "Add to Google Calendar" button for a single event - Eventbrite & Facebook Too!
Purpose Google Calendar is widely used You don't have to be a GCal user yourself Avoid typos from someone adding an event manually Just share 1 event --
Creating an aspect ratio CSS utility Piccalilli CSS Utility — Issue #3
Until we get a native aspect ratio unit in the browser: achieving a controlled height based on a container’s width might seem difficult in a responsive design at first glance. It is actually pretty da…
Create a responsive grid layout with no media queries, using CSS Grid Piccalilli CSS Utility — Issue…
Embracing the flexible nature of the web gives us powerful, resilient front-ends, where instead of using specific sizes, we give elements sensible boundaries and let them auto-fill where possible. I e…
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple
Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading — Smashing Magazine
In this article, you’ll learn how you can progressively replace your JavaScript-driven lazy loading with its native alternative — thanks to hybrid lazy loading.
wordpress - Woocommerce - How To Link to Product Variation? - Stack Overflow
I am trying to find a way to have a link to a specific product variation. I thought I had it solved with this plugin... https://wordpress.org/plugins/woocommerce-direct-variation-link/ However th...
There are a few plugins that will add Ajax search for you, but what if you wanted to integrate it into your theme yourself for more control over functionalit...
Async load external content (or partials) into the DOM location of an inline script tag. Transfers tag attributes to top level of inserted content. Requires jQuery. - round/spawn