SPW 135: building a 3D card flip animation with CSS Houdini, Node.js multithreading, and more!

This week: building a 3D card flip animation with CSS Houdini, Node.js multithreading, Apple not supporting PWAs on iOS in Europe, and more! ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ SitePoint's weekly guide to the world of web dev and design. [View this email in your browser](~/AAAHUQA~/RgRntgfUP0TbaHR0cHM6Ly9iZXJyaW1hLmVvY2FtcGFpZ24xLmNvbS93ZWItdmVyc2lvbj9lcD0yJmxjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPTExM2JlZDcyLWNjYmUtMTFlZS05ODRkLTk3MjQ1ZWI3Yzg3YyZwdD1jYW1wYWlnbiZ0PTE3MDgzNjA0MDQmcz02MGNlYjNjYWJmODExMGMzMGM0NjhmM2EwYzM5Mzg3NWRiZDQ3Mzc3YzNjOWM2MzQ0OWM0ZWQxNzNkNDE1YmI5VwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [Example logo] Issue #135• February 2024 [Ship faster with useful insights](~/AAAHUQA~/RgRntgfUP0UgMmZjYjZlMmVmMzRhMWI0ZmNmNmIyMGM2MGU1ZWUzMzJEmGh0dHBzOi8vbWwuc2l0ZXBvaW50LmNvbS9saW5rL2MvWVQweU16RXhOemMyTmprMk5UZzFOREkyT1RrMkptTTlhVEp5TUNabFBUQW1ZajB4TWpFeE5qUXdOVGs1Sm1ROVpqWnJOM1V6YWc9PS5RcndWOWk0QWI0a0RRVndLRnU4Sk1QUnFQVUNPZk50blNGREwtMXBNQU1vVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) Codemetrics from SitePoint provides simple, digestible insights from your Git data so you can build a productive team [Join the waitlist](~/AAAHUQA~/RgRntgfUP0UgMWZkMjE1NWIyMDI2YTQ4OGJlNzMwYzllYTZjMjAzMDJEY2h0dHBzOi8vY29kZW1ldHJpY3MuYWkvP3V0bV9zb3VyY2U9bmV3c2xldHRlciZ1dG1fbWVkaXVtPWVtYWlsJnV0bV9jYW1wYWlnbj1zaXRlcG9pbnRfbmV3c2xldHRlcl9hZFcFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) This week: building a 3D card flip animation with CSS Houdini, Node.js multithreading, Apple not supporting PWAs on iOS in Europe, and more! Fred Zugs ~/AAAHUQA~/RgRntgfUP0UgOWZjMTg0NDQyYmE3OTNiMTEyZmI1Y2Q0YzkyNWY2ZGREQWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbXVsdGltb2RhbC1jaGF0Z3B0LXZvaWNlLXZpc2lvbi1pbWFnZXMvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd~/AAAHUQA~/RgRntgfUP0UgNGMyZTE4MWViMGZmY2FjZjM3YmU2ZTUyOGMzYzIzZGREOmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbGFuZ2NoYWluLXB5dGhvbi1jb21wbGV0ZS1ndWlkZS9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~~/AAAHUQA~/RgRntgfUP0UgNzk5MzNkNmY0NmNmY2Q4MWQ5MTQ5NjUzNzZiODFiZjlENmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcmVhY3Qtcm91dGVyLWNvbXBsZXRlLWd1aWRlL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~[Building a 3D Card Flip Animation with CSS Houdini](~/AAAHUQA~/RgRntgfUP0UgOGMyNzczY2NkNjMzMGU5NDEwNDE2NDhiYmNlM2Y1MGREPWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY3NzLWhvdWRpbmktM2QtY2FyZC1mbGlwLWFuaW1hdGlvbi9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) In this article, we’ll explore Houdini’s features by constructing a 3D card flip animation. This will help you uncover Houdini’s core concepts and guide you through practical code implementation. We’ll explore how you can elevate your development workflow and achieve cutting-edge CSS animations using CSS Houdini, thereby gaining more control over your animation process. [Read now](~/AAAHUQA~/RgRntgfUP0UgOGMyNzczY2NkNjMzMGU5NDEwNDE2NDhiYmNlM2Y1MGREPWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY3NzLWhvdWRpbmktM2QtY2FyZC1mbGlwLWFuaW1hdGlvbi9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 🗞️ FROM AROUND THE WEB [The New CSS Math: pow(), sqrt(), and exponential friends](~/AAAHUQA~/RgRntgfUP0UgY2I5NDkwOTQ4M2Y0ZTYzODU4ZThlYzA3ZGJkMmI3YTZENGh0dHBzOi8vZGFuaWVsY3dpbHNvbi5jb20vcG9zdHMvbWF0aGVtYXRpY3NzLXBvd2Vycy9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) CSS added many new Math functions to supplement the old favorites (such as calc()). They all ultimately represent a numeric value, but the nuance in how they work is not always clear from the start. As of February 2024, these CSS functions are available in the latest Edge, Chrome, Safari and Firefox browsers. Dan Wilson [Apple makes it official: No Home Screen web apps in Europe](~/AAAHUQA~/RgRntgfUP0UgYzUyMjAyOTUyOTNkMDY5NTA4ZDFlMGQwZWI2NGU5NmVENmh0dHBzOi8vd3d3LnRoZXJlZ2lzdGVyLmNvbS8yMDI0LzAyLzE2L2FwcGxlX3dlYl9hcHBzL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Following up from the story we linked to in last weeks newlsetter, The Register is reporting that Apple will not support Home Screen web apps on iOS devices in Europe under its forthcoming iOS 17.4 release. The Register 🍅 FRESH SITEPOINT CONTENT [View all](~/AAAHUQA~/RgRntgfUP0UgYjY3YjQ3ZjkyYWFhNDYzOTAyMTQ3ZWRiMThhM2IzMGREH2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYmxvZy9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) ~/AAAHUQA~/RgRntgfUP0UgN2NhYjc1MWJiYjk2NjFiZDhhZjI5MzBhN2ZiNTI2YjlEzGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vb3BlbmFpLWFwaS1weXRob24tZGF0YS1hbmFseXNpcy8_dXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPXNwd18xMTRfZGF0YV9hbmFseXNpc193aXRoX3RoZV9vcGVuYWlfYXBpX2FuX2ludHJvX3RvX25ldF9ibGF6b3JfYW5kX21vcmUmdXRtX3Rlcm09MjAyMy0wOS0xNFcFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgNTM4NGE1MDIwZDY4NDUyNmMzNmQwMjI2ZDZjYzkyMjFEVGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYW4taW50cm9kdWN0aW9uLXRvLWxhbmdjaGFpbi1haS1wb3dlcmVkLWxhbmd1YWdlLW1vZGVsaW5nL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgMzI3ZDRjMzYzYzA2NjJkYmQ1MjkyYjFhYjE1ODI5OGRENmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcmVtb3ZlLWJhY2tncm91bmQtcGhvdG9zaG9wL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgNzNmNTgyNWRhOGIzMmRjZDA1MmI5NjQ2ZDBiNjY4ODZEMWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbm9kZS1qcy1tdWx0aXRocmVhZGluZy9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~~/AAAHUQA~/RgRntgfUP0UgNzNmNTgyNWRhOGIzMmRjZDA1MmI5NjQ2ZDBiNjY4ODZEMWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbm9kZS1qcy1tdWx0aXRocmVhZGluZy9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~[An Introduction to Node.js Multithreading](~/AAAHUQA~/RgRntgfUP0UgNzNmNTgyNWRhOGIzMmRjZDA1MmI5NjQ2ZDBiNjY4ODZEMWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbm9kZS1qcy1tdWx0aXRocmVhZGluZy9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Learn how to move processing of long-running JS code to another thread using workers, child processes, clustering,and more. Craig Buckler ~/AAAHUQA~/RgRntgfUP0UgN2NhYjc1MWJiYjk2NjFiZDhhZjI5MzBhN2ZiNTI2YjlEzGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vb3BlbmFpLWFwaS1weXRob24tZGF0YS1hbmFseXNpcy8_dXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPXNwd18xMTRfZGF0YV9hbmFseXNpc193aXRoX3RoZV9vcGVuYWlfYXBpX2FuX2ludHJvX3RvX25ldF9ibGF6b3JfYW5kX21vcmUmdXRtX3Rlcm09MjAyMy0wOS0xNFcFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgMmVhZGUwODUyOTk0ZjFmN2NjZGNiYjlmN2VlMGUxNjlEM2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vZGVjb3JhdG9ycy1pbi10eXBlc2NyaXB0L1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgYjI2YzA0YzU4MWIzMWQ0NDhkZGU1MjVjMDhhNjBlZjZEO2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vdHlwZXNjcmlwdC1wb2x5bW9ycGljLWNvbXBvbmVudHMvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd~/AAAHUQA~/RgRntgfUP0UgYjI2YzA0YzU4MWIzMWQ0NDhkZGU1MjVjMDhhNjBlZjZEO2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vdHlwZXNjcmlwdC1wb2x5bW9ycGljLWNvbXBvbmVudHMvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd~/AAAHUQA~/RgRntgfUP0UgMDAzYWM5NGZhYWU2YTU2ZGZjMmQ3ZTNkYTFjN2Q3ZmZEOGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20va3ViZXJuZXRlcy1kZXZlbG9wZXItYmVuZWZpdHMvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd~/AAAHUQA~/RgRntgfUP0UgMzQ2OTg3ZTI2N2Q3ZjNiNjgyZjljMTE5Y2Q5NTcyOTJEO2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYXBwc2lnbmFsLW1vbml0b3JpbmctcHl0aG9uLWFwcHMvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd~/AAAHUQA~/RgRntgfUP0UgZjAwZmVmNTE1MzMxYTU1OThhNmJmMTY3Y2U0YmE1NGJENmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vYW1wZXJlLXByb2Nlc3NvcnMtZ2NjLWd1aWRlL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~~/AAAHUQA~/RgRntgfUP0UgZDFkNWVkMWQzZDI4ZGFiNTdiOTQwZjQxMjI1Y2JkZTBEPWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vbm9kZWpzLWxpdmUtcmVzdGFydHMtbm9kZW1vbi13YXRjaC9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~[How to Boost WordPress Security and Protect Your SEO Ranking](~/AAAHUQA~/RgRntgfUP0UgNGM0MzFkZGFhZWVmOGU3ZTI5ZGY0NGI0YWE0NzczYjREV2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vaG93LXRvLWJvb3N0LXdvcmRwcmVzcy1zZWN1cml0eS1hbmQtcHJvdGVjdC15b3VyLXNlby1yYW5raW5nL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Learn tips and strategies to identify and address common WordPress security issues to protect your website and search rankings. Jaya Iyer 📚 FROM THE TOP SHELF [Browse all](~/AAAHUQA~/RgRntgfUP0UgZGUyOTM5NGRmYjdmOTJmN2EwN2FmNjg2YWZhMGRjN2JEKmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcHJlbWl1bS9saWJyYXJ5L1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [Generative AI Tools for Developers: A Practical Guide](~/AAAHUQA~/RgRntgfUP0UgZjhiZDQyYjM4NzJjMTQ5NmQ4ZDIzOTU4M2ZhMmVlN2JEXWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcHJlbWl1bS9ib29rcy9nZW5lcmF0aXZlLWFpLXRvb2xzLWZvci1kZXZlbG9wZXJzLWEtcHJhY3RpY2FsLWd1aWRlL1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [NEW: Unleashing the Power of Astro](~/AAAHUQA~/RgRntgfUP0UgZWZmYWYwMGY2ZDE5NGEzMTVhNDk4NTUwMmQyNjY1MjFERmh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcHJlbWl1bS9ib29rcy91bmxlYXNoaW5nLXRoZS1wb3dlci1vZi1hc3Ryby9XBXNwY2V1Qgplz9SC02V8vsHqUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) [A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI](~/AAAHUQA~/RgRntgfUP0UgZDQ1YTc3NTEwMDg0NWFiMzA1Nzg3MTgxN2NlZDhlOWFEcWh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vcHJlbWl1bS9jb3Vyc2VzL2EtY29tcGxldGUtZ3VpZGUtdG8tbGVhcm5pbmctY2hhdGdwdC00LW1pZGpvdXJuZXktZGFsbC1lLTItYW5kLWFpLTMyMDIvVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) 📚 HAVE YOU MET OUR COMMUNITY YET? [Say hi](~/AAAHUQA~/RgRntgfUP0UgYmVkMWJkMTM4MmJmNTAzMzE3OTgwYTUwOTQyOTA1NTZEJGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L1cFc3BjZXVCCmXP1ILTZXy-wepSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) SitePoint's community is a place where you can come to talk tech, development, and design. ~/AAAHUQA~/RgRntgfUP0UgZGVjYTVhMjMwNzI3MDYwYjVjYzY1ZmE2YzNlYTgyNGNEI2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5VwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd [Join us today](~/AAAHUQA~/RgRntgfUP0UgZGVjYTVhMjMwNzI3MDYwYjVjYzY1ZmE2YzNlYTgyNGNEI2h0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5VwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) and get involved with other members who share your interests in tech! Happy learning! Dianne Pena Editor You received this email because you subscribed to our list. You can [unsubscribe](~/AAAHUQA~/RgRntgfUP4QWAWh0dHBzOi8vYmVycmltYS5lb2NhbXBhaWduMS5jb20vdW5zdWJzY3JpYmU_ZXA9MiZsPWNhYTY1ODU4LTRhYzYtMTFlZS04MDE2LTRkY2U5YmEwOGU2ZCZsYz04NzA3ZWU4Ni01MmYwLTExZWUtYWY1Mi00YjUzODJiYTNiOTQmcD0xMTNiZWQ3Mi1jY2JlLTExZWUtOTg0ZC05NzI0NWViN2M4N2MmcHQ9Y2FtcGFpZ24mcHY9NCZzcGE9MTcwODM1NzUyOCZ0PTE3MDgzNjA0MDQmcz0xYzJlYzZlZjdmM2NlYjAxODA1M2YzNzQ5MGQwMjhjNjdmYjU1NjQ0YThhZDU5MjA4MWRlYTcwNjAyZTJiM2FiVwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) at any time. 71 Balmain Street Cremorne Vic 3121 Australia [Powered by EmailOctopus](~/AAAHUQA~/RgRntgfUP0TSaHR0cHM6Ly9iZXJyaW1hLmVvY2FtcGFpZ24xLmNvbS9yZXdhcmRzP2xjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPTExM2JlZDcyLWNjYmUtMTFlZS05ODRkLTk3MjQ1ZWI3Yzg3YyZwdD1jYW1wYWlnbiZ0PTE3MDgzNjA0MDQmcz0zNjQ3N2RiYTE1YThiYTY4MjMxODUyNjQ5NWZhODBhYjNiZjQ3YTMxOWNkNzgxZWIwY2NlNDA5ZmJjYzYzMmE4VwVzcGNldUIKZc_UgtNlfL7B6lIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd)