Bringing Letters to Life: Coding a Kinetic SVG Typography Animation
In this tutorial, you'll learn how to recreate a captivating motion type effect using SVG and GreenSock.
- CSS Animation Weekly
- Posts
- Issue #338: Kinetic SVGs and create your own Mario game
Issue #338: Kinetic SVGs and create your own Mario game
Lots of cool stuff this week!
Donovan at CSSAnimation.rocks
February 06, 2023
This week is a big one, with some amazing SVG animations, coding a game, some great video tutorials and more.
Check out This Week In React! It’s a great source of news all about React, React Native, programming jobs and fun stuff too.
❤️ Donovan at CSSAnimation.rocks
Cool Stuff
Code Mario in JavaScript with Kaboom.js
With the new Mario movie coming soon, it's a good time to learn how to build a Mario in JavaScript and getting to know Kaboom.js!
Learn CSS Animations In 20 Minutes
A nice introduction to CSS animation in video form, complete with reference files to download.
Inspiration
Accessible hamburger buttons without JavaScript
Learn how to create an accessible hamburger button with pure HTML and CSS and why that is important.
Colorful Dissolving Loader (CSS only)
A beautifully elegant loader that seems too dynamic to be just CSS!
Realtime scratching DJ turntable
This real-time turntable makes a realistic-sounding dynamic scratching effect.
Poll
This week I’m looking for your opinion! Please take a moment and select an answer in this poll:
What sort of tutorials do you prefer to see in this newsletter?Each week I search for the best web animation tutorials. I'd love to know if you have a favourite type... |
That’s all for this week! Be sure to check out my friends over at This Week In React too!
Till next week,
Donovan