CSS Animation Weekly #53 - Bye bye Flash, Web Animation tools and more

So the big news this week was Adobe's announcement that they are finally killing off Flash (in a few
CSS Animation Weekly #53 - Bye bye Flash, Web Animation tools and more
By CSS Animation Weekly • Issue #53
So the big news this week was Adobe’s announcement that they are finally killing off Flash (in a few years). Now’s a great time to take a look around at what Flash alternatives we have, so this issue is packed with tools to help build animations for the web.
Also this week we’re animating with CSS variables, experimenting with CSS grid layouts and optimising our animation performance using browser tools.
♥️
Donovan at CSSAnimation.rocks

Tools
GSAP, the standard for JavaScript HTML5 animation | GreenSock
Fast becoming the go-to for all sorts of web animation, CodePen is full is awesome examples and tutorials on how GSAP can make complex, performant animations in the browser.
Tumult Hype Professional
For larger projects, Tumult Hype Professional helps create stunning animated and interactive HTML5 content without any coding.
Adobe Animate CC
Ditching Flash, Adobe is offering an alternative in Adobe Animate for animation designers.

Google Web Designer
If you’re looking for an alternative to Adobe’s latest tool, check out Google Web Designer. It’s a free, professional-grade HTML5 authoring tool, no coding necessary.
Responsive web design tool, CMS, and hosting platform
More than just animation, Webflow helps designers design and built responsive websites in your browser.
Build banners for your campaign with our drag and drop editor.
tweenui.com  •  Share
If you’re an After Effects user, be sure to check out bodymovin. It exports AE projects to HTML.
github.com  •  Share
A free tool for creating animated banners and sliders.
Articles
Great tips here from Val Head on how we can use CSS variables to control our CSS from JavaScript.
valhead.com  •  Share
CSS Grid Layout Slideshow
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
Maria Antonietta Perna explores the Performance Tool available in the Firefox browser to find out more about CSS animation performance.
Featured
Inspiration
Neat demo of animations all about the weather ☔️
codepen.io  •  Share
Nice transitions on this demo from Sasha Tran 
codepen.io  •  Share
Animation in the real world
laurent desserrey - internet designer
Portfolio site of french award-winning designer Laurent Desserrey. Created using Webflow, the scroll effects and use of looping video is awesome.
Did you enjoy this issue?
CSS Animation Weekly
CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.
Carefully curated by CSS Animation Weekly with Revue. If you were forwarded this newsletter and you like it, you can subscribe here. If you don't want these updates anymore, please unsubscribe here.