A GSAP Web Animation Tutorial for Beginners

View online   Sitepoint Front-End One of the great things about being a web content editor is the constant exposure to new and unique tools, technologies, and coding practices. In many cases, the articles I edit for SitePoint are about techniques or tools I've never used before – not even as an experimental exercise outside of real projects. The top article in this week's issue of the front-end newsletter is a perfect example of this. Maria, my co-editor here at SitePoint, has started an article series covering GreenSock, or GSAP, the popular JavaScript animation library. Over the years I've read and skimmed many articles covering GSAP, and I've seen discussions on the pros and cons of the library, in comparison to CSS performance, for example. But even after all these years, I still haven't built anything with GSAP, so I definitely felt a little underqualified to review Maria's article. Fortunately, she's a pro and did a great job so I made very few edits, and all trivial ones. And the best part for me? I became more familiar with GSAP and now I have a go-to article to get me started if I ever need a powerful animation library for a project. So check out the article for yourself. I'm sure you'll feel the same way. Louis Lazaris, HTML/CSS Channel Editor   SPONSORED BY NORTHWESTERN ​​​Online Master of Science in Information Design and Strategy from Northwestern University ​Learn how to blend digital skills with branding and messaging, translate data into compelling visual forms and narratives, and understand how research and analytics can drive communication strategies and tactics. Learn More   SitePoint GreenSock for Beginners: a Web Animation Tutorial (Part 1) Maria introduces GreenSock in a multi-part article for the Beyond CSS: Dynamic DOM Animation Libraries series. Ready for some cool effects? [SITEPOINT] Why I'm Switching from React to Cycle.js Ivan Jovanovic introduces the basic concepts of reactive programming and explains why he's ditching React for Cycle.js, a functional reactive JavaScript framework. [SITEPOINT] An Introduction to Component IO Craig Buckler takes a look at Component IO, which provides content management for individual pieces of your website. [SITEPOINT] Taking Responsive Web Design Beyond the Visual In this episode of the Versioning Show, David and Tim are joined by Chris Ward, a technical writer, blogger and web developer. [SITEPOINT] How to Create Interactive JavaScript Charts from Custom Data Sets Creating beautiful charts from custom data sets has never been easier. With the aid of the AnyChart charting library, Roman Lubushkin shows you how. [SITEPOINT]   Jobs Front End Developer WONDERSAUCE - New York - Full-Time Wondersauce is seeking a front-end developer who has knack for coming up with creative solutions to unique problems and a propensity to write clean, reusable, and performant code while keeping to deadlines. Senior Front-End Software Engineer GIDDYUP - Ventura, CA - Freelance We are looking for a front-end engineer who combines exceptional coding skills with leading-edge design chops. You have both a talent and a passion for building beautiful, lightning-fast user interfaces, and you don't mind innovating along the way. Front End Developer INSITE - Dallas, TX - Full-Time A leading digital agency in Dallas, Insite is looking for a Front-end Developer who has at least mid-level experience and is looking to learn more from working with a seasoned team of developers, creatives, and others.   From around the web How to get the most out of the JavaScript console Darryl Pargeter shows us that JavaScript debugging goes well beyond just simple console.log() messages. [FREECODECAMP] Techniques for decomposing React components David Tang discusses how you can take advantage of the single responsibility principle to help decompose your React components so they're more reusable. [FREECODECAMP] The responsive order conflict for keyboard focus Alastair Campbell takes a look at an interesting problem that deals with responsive layouts and how this affects keyboard use on web pages. [FREECODECAMP]     SitePoint | SitePoint Premium 48 Cambridge Street Collingwood, VIC 3066 | Australia You're receiving this email because you signed up to receive news from SitePoint. Smart choice! Preferences  |  Unsubscribe     Like   Tweet   Share   Forward