SPW 104: The View Transitions API, demystifying JavaScript operators, and more!

SitePoint's weekly guide to the world of web dev and design. [View in browser](=.ruNNwJacWWky-GbXdD65m9Bi_4OpJIiV6FxDf0I-bm0) [SitePoint Weekly Logo] Issue #104 • July 2023 This week: the View Transitions API, the end of Universal Analytics, demystifying JavaScript operators, using background-size and background-position in CSS, and more! Craig Buckler [An Introduction to the View Transitions API](=.YWE-iFXj722iqxOiqlK8_TZoAF6fCoaEytpPWq6yXBY) Learn how to use the new View Transitions API, which offers an easier way to animate between DOM states and even between page loads. [Read Now](=.mebwNVudY5CJ1kbrrAT08LFovYP5mMgMT8KThErs-3s) [Cloudways Logo](=.cp3IROoqbV064BB7T62OLztSuwsO0bOLrDmjVkekLbE) Get 25% off with SPOINT25 [Unleash the Power of Managed Cloud Hosting](=.0M2fEJuysBXrEvY0f3Pzur4VxTarhxxZ_gX2bKazhi8) Save time & money with simple and reliable cloud hosting trusted by 80,000+ agencies, developers, and businesses. Use our super special discount code spoint25 to get 25% off for 3 months. [Save 25% Now](=.LHa5wosqfi-UgEtk29dUb1Cv6aoxIi-agwkqa7e6ot8) 🗞️ From Around The Web [NPM Bombshell: The Massive Bug at the Heart of the npm Ecosystem](=.haMc-FZK-ptKGNawQCjmU2I_RKSmzdnp_KFXblhJoWY) Darcy Clarke writes that "the npm Public Registry does not validate manifest information with the contents of the package tarball, relying instead on npm-compatible clients to interpret & enforce validation/consistency." Darcy goes into plenty of detail on the impacts of this in this piece. Darcy Clarke [The End of Universal Analytics](=.nie_3wXQhRikSYicWc2P0ZxXOe9652SYhGHabddXmxE) On July 1st, Google replaced Univeral Analytics with Google Anlytics 4, a significant update to the product. If you haven't already migrated your account, you should do so now. If you'd like a primer on Google Analytics 4 and the changes from Universal Analytics, [check out our guide](=.5OArHhU7UxO0UxSEY1WSO5q-T9gwcjpJ6sUKn4BQKRs). Google [A New MDN Playground](=.jyCtIzqGjk36am4FsL39k5K3lGjXnzFrfNRQY8f0DkQ) Hey kids, a new playground! Chances are you're a heavy user of the MDN Web Docs. Mozilla now has a new, improved preview tool for bringing HTML, CSS, and JavaScript demos to life. This will significantly improve the somewhat “meh” experience of the previous demos offered in the MDN docs. Mozilla 🍅Fresh SitePoint Content [View all](=.RsS865sCsJWDNeRBQxTjVduSRyhnoblBfHKYWa1uxOg) [Demystifying JavaScript Operators: What Does That Symbol Mean?](=.59pxgwXlsc-zk5vyt1t1GDTB7tAnsMj_wjHtKwVYtI8) Learn how JavaScript operators work, understanding what they're for, how to use them, and how they help in building complex expressions. James Hibbard [How to Use CSS background-size and background-position](=.frUd9883u5rZOtbzwPyLKRuPRj2DGpJDj4hg4Tzys7A) Learn how to set the size of a background image with the CSS background-size property, and how to position it with background-position. Ralph Mason [10 Key Questions When Running on Ampere Altra-Based Instances](=.nd8rgi3g6ocsLFbJGTLf8ewMjubhaTLu0w_mlD6xjWA) This article looks in detail at the first ten questions we need to answer while running on Ampere Altra-Based Instances. Asheet Hakoo 📚From The Top Shelf [View library](=.TkTuM2tGXAFVkLsZyobN14UoYPiiFEB7ht3rrcnjm1Q) Sourced from our collection of over 700 books, courses, and assessments. [*NEW* Useful Python](=.0u17NjHo9QlZJbwLR7v2jlF_VCCv1hJRNfwNw2YjgA8) [A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI](=.Rm6hRWvlqzG7WZk5mrMTYIOEBJanwKTzAbKzBZwbc8c) [Unleashing the Power of CSS: Advanced Techniques for Responsive User Interfaces](=.qJ0Fb-aeI-H7ZZplDlAeX70zZZ6WqXOLhOXgdDubev4) 💃 Have You Met Our Community Yet? [Say hi](=.gDHy8-ydlvI3oGKKK-OtmSEGmOBnpR5oZ49lqL61ztw) SitePoint's community is a place where you can come to talk tech, development, and design. [Join us today](=.MqruokXs0j60uUnUnEIsADujsSOvTkzoGMi5RgFuB0A) and get involved with other members who share your interests in tech! That's a wrap for this week! We'll see you next week with more development and design resources. Until then, Dianne Pena Editor SitePoint 10-20 Gwynne Street, Cremorne Australia [twitter](=.XHXEXeXNtnto7HbTtnn-VajUAkM4lUhBftwAJ5DIs5g) [facebook](=.8dz6vLpTZOQi6yaqmahM2V2zd63aBCwv6wpo1X26BKo) You received this email because you signed up on our website or made purchase from us. [Unsubscribe](=.xiFaOifWF89CXrA4PrIru2-tTF6_YiRF7qumuqD7X-0)