This is a cool little combination of CSS and JavaScript to have a small list grid item image transition to its full-size version of the image in its final positioned spot.
The caveat here is it does use some of the latest and greatest of CSS: CSS Flexbox, CSS Grid and CSS variables. It won’t work everywhere, but pretty cool for modern browsers.
Source: codrops – Expanding Grid Item Animation
Two of my favorite things in one: Back to the Future and front end development – specifically CSS. There’s no JS — even for the flux capacitor’s fluxing.
We’ve all been asynchronously loading JavaScript for many years, but it hadn’t even occurred to me to asynchronously load CSS to speed up (and give even more perceptively speed) for that initial load and render. Like most things in the front end world, there are multiple ways to do it, but the article linked below shows an easy way to do it.
CSS Tricks continues to be my favorite and go-to for all things CSS and front-end. Years ago, I discovered the […]
There are a bunch of JavaScript frameworks and helpers out there to make animations cooler and better on the web. This one seems to check both the boxes.
A guy on my team today shared this, and I had to immediately share as well. Regular Expression (RegEx) is […]
The hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development. Line25 published […]