How I designed an animated book store with JavaScript, jQuery, and CSS.

Here’s a list of my best web development tutorials.

Complete CSS flex tutorial on Hashnode.

Ultimate CSS grid tutorial on Hashnode.

Higher-order functions .map, .filter & .reduce on Hashnode.

Follow me @ Twitter, Instagram & fb to never miss premium articles.

My Coding Books

The last two of my tutorials dealt with CSS grid and flex. I wrote them so I could learn what the possibilities were and share my findings with others. Using grid, flex, jquery and 🕒 5 hours of my time, I created this.

An animation I came up with for the Learning Curve bookstore site header. Sure, this doesn’t look anything like a grid. But it’s creative and fun IMO.

Here, a series of simple techniques produce a somewhat dramatic effect.

I always say that:

• You don’t need to know everything about a language.
• You only need to know a few abstract techniques. But know them well.
• Find out what the intended use of that technique is.