Saved (Public Feed)

Saved (Public Feed)

#animation
Chris Coyier: CSS Animation Libraries (CSS-Tricks)
Chris Coyier: CSS Animation Libraries (CSS-Tricks)
There are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the technology of animations, but rather are grab-and-use as-is libraries. Want to apply a class like "animate-flip-up" and watch an element, uhhh, flip up? These are the kind of libraries to look at. I wholeheartedly think you should both 1) learn how to animate things in CSS by learning the syntax yourself and 2) customize animations to tailor the feel to your site. Still, poking around libraries like this helps foster ideas, gets you started with code examples, and might form a foundation for your own projects.
·css-tricks.com·
Chris Coyier: CSS Animation Libraries (CSS-Tricks)
Back to Bits
Back to Bits
Back to Bits, a curated animation project featuring the collective works of more than 40 artists from around the world, showcases a series of animated GIFs inspired by retro video games. This second round, or “level,” in the Back to Bits series is called Super 16, and is a tribute to retro 80s and 90s SNES games. Back to Bits was channeled by the nostalgic desire to go 'back to the bit era' when games were measured in bits, NES 8-bit and SNES 16-bit. The project serves as a lighthearted creative outlet to bring like-minded artists together to share work, celebrate their love for these games and inspire the next generation of gamers. Back to Bits contributors are professional artists from various creative industries including illustrators, animators, comic book artists, concept artists, directors and designers who share a passion for video games. Artists were asked to reinterpret and create a seamless looping animated short GIF inspired by an NES game of their choice.
·backtobits.com·
Back to Bits
vivus.js - svg animation
vivus.js - svg animation
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
·maxwellito.github.io·
vivus.js - svg animation
Ori Toor GIFs
Ori Toor GIFs
GIPHY is the platform that animates your world. Find the GIFs, Clips, and Stickers that make your conversations more positive, more expressive, and more you.
·giphy.com·
Ori Toor GIFs
Yule Log 2.015
Yule Log 2.015
Yule Log 2.015 is a collection of short films created by various artists that are bringing the yule log tradition into the digital age. Warm up your next holiday party and play the films on loop, or pick ‘n choose your faves and enjoy them at your leisure.
·watchyulelog.com·
Yule Log 2.015
netpoetic.com: unicode
netpoetic.com: unicode
“i made video called “unicode”. it shows all displayable characters in the unicode range 0 – 65536 (49571 characters). one character per frame.”
·netpoetic.com·
netpoetic.com: unicode