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
Quickly create grids, masonry, stacks and more layouts with these 10 CSS flexbox templates
Some simple guiding principals for making your animations more meaningful.
A short but sweet tutorial of how to build your first interactive graph with Chart.js
A list of 10 working graphs (bar chart, pie chart, line chart, etc.) with colors and data set up to render decent looking charts that you can copy and paste into your projects.
We can apply one timing function per axis to produce curved paths, by using two or more objects to drive an animation.
Spoiler-alert: you don't. You use a pseudo-element.
A quick trick: add a pseudo-element and animate it with CSS transitions on hover.
By creating a JSON file with meta data from all your Jekyll posts, we can use that file to load more posts dynamimcally as you scroll.
Chaining in jQuery let's you write code that is faster to execute, easier to read, and easier to maintain.