This week we're exploring the globe of Github, creating some cool infinite scroll loading, and getting our free zombie themed cheat sheet!

♥️ Donovan at CSSAnimation.rocks

Articles

How we built the GitHub globe — github.blog

A walkthrough of how the amazing Github WebGL globe was built, and built with progressive enhancement to support older browsers

Infinite Scroll With Photo Gallery in Vanilla Javascript — medium.com

Using a little JavaScript, CSS and HTML, you can build your own infinite scroll photo gallery

Featured

Free Zombie Themed CSS Animation Cheat Sheet — undead.institute

Getting braaains should be fun, so we fill our books, cheat sheets, and newsletters with silliness, zombies, and a whole lot of web development learning. Sign up for our list and get a CSS animation cheat sheet free.

Inspiration

The Most Hearted of 2020 - CodePen

Check out some of the best work on CodePen last year!

Thermometer

Lovely shading on this CSS and HTML thermometer

Exp: Sun Bali CSS

This is pretty amazing for pure CSS - the rotating blur effect looks great (though CPU intensive)

eyes following the cursor

A simple cute animation where the eyes follow your cursor

Earth planet

Some interesting use of CSS variables on the stars in this rotating planet CSS animation

Magnetic button animation

Interesting idea - having a button move toward the cursor when it's close