Came across this nice little flow chart demo that’s built using semantic HTML and pure CSS.
The markup is simple unordered lists with anchor links inside.
The CSS is a little more complicated — getting into pseudo-elements (like last-child, first-child, and before), along with some hover and transition rules — very nice, compact and reusable.
Source: CodeMyUI.com – Vertical Family Tree in Pure CSS
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 […]
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 hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development. Line25 published […]
What comes around goes around, right? A lot of these animated loaders done mainly with CSS harken back to the […]