CSS Clip-Path Magic, Python's Package Maze, and Free TypeScript Mastery

Explore clip-path animations, navigate Python's package dilemma, and level up your TypeScript skills. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ [SitePoint logo](~/AAAHUQA~/RgRod7ugP0UgNzNjOTczMmQwMjg1YWExOWViY2NmOTVjZTljYjk2YzdEFGh0dHBzOi8vc2l0ZXBvbnQuY29tVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) July 15th, 2024 | [Read Online](~/AAAHUQA~/RgRod7ugP0TbaHR0cHM6Ly9iZXJyaW1hLmVvY2FtcGFpZ24xLmNvbS93ZWItdmVyc2lvbj9lcD0yJmxjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPTJmMzBjYWZhLTNkZGUtMTFlZi1hZTg4LTA5YmUxMGZkOGZhMyZwdD1jYW1wYWlnbiZ0PTE3MjEwNTQ4ODAmcz0wOThiNDc1NWU3OGYxNjZiNjYwMDA2ZTFlMDg4MTZkNWVlMWRhOTUzMGFlODEzNTgwMDZlMTdjMTM0MzE0NzgwVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) SitePoint Source Welcome, Developers! 👋 This week, we're exploring the hidden potential of CSS clip-path animations, navigating the maze of Python's package managers, and checking out a free, comprehensive TypeScript resource from renowned educator Matt Pocock. We'll also look at Remix's new 'Fog of War' approach to handling massive sites like Shopify and learn the art of shipping incrementally in our post-ZIRP tech world. There are some interesting dev tools at the end too, so let's get started. From our Sponsor: CodeSignal ~/AAAHUQA~/RgRod7ugP0UgOTQ1ZTI5ZDc5YjIxMzJkNDc5MWNjYmNjNWNiMzg4ZDlEi2h0dHBzOi8vbGVhcm4uY29kZXNpZ25hbC5jb20vc2lnbnVwP3V0bV9jYW1wYWlnbj1TaXRlcG9pbnQtTmV3c2xldHRlcl9RMl8yNV8mdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXNpdGVwb2ludCZ1dG1fY29udGVudD1yZWdpc3RyYXRpb25XBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ Build in-demand tech skills with CodeSignal Learn CodeSignal Learn helps anyone launching a technical career, pivoting into a new role, building competitive and in-demand skills for a job search, or leveling-up in their current role. You’ll master skills in Python, JavaScript, data science, front-end engineering, and more with hands-on practice—not boring videos. [Get started for free!](~/AAAHUQA~/RgRod7ugP0UgOTQ1ZTI5ZDc5YjIxMzJkNDc5MWNjYmNjNWNiMzg4ZDlEi2h0dHBzOi8vbGVhcm4uY29kZXNpZ25hbC5jb20vc2lnbnVwP3V0bV9jYW1wYWlnbj1TaXRlcG9pbnQtTmV3c2xldHRlcl9RMl8yNV8mdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXNpdGVwb2ludCZ1dG1fY29udGVudD1yZWdpc3RyYXRpb25XBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 🪄 The Magic of Clip Path Ready to add some magic to your web projects? Clip-path is not just for trimming elements but can also be used to create stunning animations. From image reveal effects to scroll-based animations, Emil Kowalski writes how clip-path opens up a world of creative possibilities and major tech companies like Vercel and Stripe are already making use of it. [By Emil Kowalski →](~/AAAHUQA~/RgRod7ugP0UgNmQzZjUwNjc0YzI0OTdkMDFlOGFhZmQ0ZWRmNmI5MzZEL2h0dHBzOi8vZW1pbGtvd2FsLnNraS91aS90aGUtbWFnaWMtb2YtY2xpcC1wYXRoVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) 😶‍🌫️ Fog of War - Remix If you haven't been following, Remix is a trending React-based framework that aims to build faster and better websites. Just as a game map reveals itself gradually, they realized their route system could work similarly – starting small and expanding as needed, hence the “Fog of War”. This feature enables Remix to handle even massive sites like Shopify efficiently. [By Matt Brophy →](~/AAAHUQA~/RgRod7ugP0UgMmM0NWU0NTg5NjFjNTEzZDM3M2RmNTk2MmFjOTg0Y2VEIWh0dHBzOi8vcmVtaXgucnVuL2Jsb2cvZm9nLW9mLXdhclcFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) 🧩 Python Has Too Many Package Managers Larry highlights the fragmented ecosystem for Python package and environment management. The classics: pip and venv face poor dependency resolution and require additional tools for different Python versions. Unlike other languages with unified package managers like Rust's Cargo, Python’s ecosystem is a maze of tools with overlapping functionalities. [By Larry Du →](~/AAAHUQA~/RgRod7ugP0UgNjU5ZTRmNTdkYzJhMDQzOTg0MDBmZWU1NThjMTM4ZjBEOGh0dHBzOi8vZHVibG9nLm5ldC9ibG9nL3NvLW1hbnktcHl0aG9uLXBhY2thZ2UtbWFuYWdlcnMvVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) 🚢 Shipping Incrementally: The Smart Way to Build and Deploy In today's fast-paced, post-ZIRP tech industry, engineers face ever-increasing pressure to ship faster and faster, frequently sacrificing quality in favor of deadlines. Zahra argues for a different approach: shipping incrementally. This method breaks larger projects into manageable, independently deliverable milestones, allowing for continuous integration and earlier user feedback. [By Zahra Traboulsi →](~/AAAHUQA~/RgRod7ugP0UgYjkwOGVmZTE3OWRmMDU0MjAyNjZhNzM3ZTNmODk4N2FELmh0dHBzOi8vemFocmEuZGV2L2Jsb2cvc2hpcHBpbmctaW5jcmVtZW50YWxseS9XBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 📘 Total TypeScript Essentials Renowned TypeScript educator [Matt Pocock](~/AAAHUQA~/RgRod7ugP0UgOGIyNzBiN2NjMDYzMzg3NjdhZjZkYjM0YmNjNDkxMzdEGmh0dHBzOi8veC5jb20vbWF0dHBvY29ja3VrVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) has recently made a massive release, which includes a free 16-chapter book on TypeScript. The book covers everything from first principles all the way up to the beginning of advanced concepts. If TypeScript was on your wishlist, this is an excellent resource to start with. [By Matt Pocock →](~/AAAHUQA~/RgRod7ugP0UgODBkMmQzMzI2ZDU1MWE4OTRhYjIxZGNmM2Y0MzgxODJEQWh0dHBzOi8vd3d3LnRvdGFsdHlwZXNjcmlwdC5jb20vYm9va3MvdG90YWwtdHlwZXNjcmlwdC1lc3NlbnRpYWxzVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) 🧰 The Toolbox Tools and products we're excited about today: Lekko FAANG-class dynamic config for all. It allows runtime changes to your code without bypassing CI/CD or risking outages. By wrapping functions, Lekko enables non-technical team members to make safe, controlled adjustments, bridging the gap between engineering and other business functions. [Learn more →](~/AAAHUQA~/RgRod7ugP0UgM2QzZWIwZGU3YWYyNTU1MzhlNGZiMWJmZGJmZTUwNWNEJ2h0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9sZWtrb1cFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) VSCode Links Create your own content-aware file/http links within VSCode. This allows strings like "api.general.users.getUser" to be clickable, jumping directly to the corresponding function in the correct file. [Learn more →](~/AAAHUQA~/RgRod7ugP0UgNmIyNDhkMDcyOGE4NzdmNDgxN2QwOWFhZDYzODExNjdELmh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy92c2NvZGUtbGlua3NXBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Crawlee for Python Build reliable scrapers in Python. It offers a unified interface for HTTP and browser crawling, automatic retries, proxy management, and persistent URL queues [Learn more →](~/AAAHUQA~/RgRod7ugP0UgODAyNzQ1YTcwYTkxN2E5Y2ViMDlmMTQ4YmUwZjhiYTVENGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9jcmF3bGVlLWZvci1weXRob25XBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Webtrotion Notion-based configurable static website generator. It's built with Astro and allows users to easily create and host customizable blogs and websites. [Learn more →](~/AAAHUQA~/RgRod7ugP0UgNjBiZGYyYjYzMGM1NTlmYTU0YTRjMzYzMTllMDU1ZDFELGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy93ZWJ0cm90aW9uVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) ~/AAAHUQA~/RgRod7ugP0UgZDBjMzUyYjU3OWQwNWM5YzUyMDk2YjlhZTlmOWY5ZWFEmGh0dHBzOi8vbWwuc2l0ZXBvaW50LmNvbS9saW5rL2MvWVQweU16RXhOemMyTmprMk5UZzFOREkyT1RrMkptTTlhVEp5TUNabFBUQW1ZajB4TWpFeE5qUXdOVGs1Sm1ROVpqWnJOM1V6YWc9PS5RcndWOWk0QWI0a0RRVndLRnU4Sk1QUnFQVUNPZk50blNGREwtMXBNQU1vVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQdBuild in-demand tech skills with CodeSignal Learn CodeSignal Learn helps anyone launching a technical career, pivoting into a new role, building competitive and in-demand skills for a job search, or leveling-up in their current role. You’ll master skills in Python, JavaScript, data science, front-end engineering, and more with hands-on practice—not boring videos. [Get started for free! →](~/AAAHUQA~/RgRod7ugP0UgOTQ1ZTI5ZDc5YjIxMzJkNDc5MWNjYmNjNWNiMzg4ZDlEi2h0dHBzOi8vbGVhcm4uY29kZXNpZ25hbC5jb20vc2lnbnVwP3V0bV9jYW1wYWlnbj1TaXRlcG9pbnQtTmV3c2xldHRlcl9RMl8yNV8mdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXNpdGVwb2ludCZ1dG1fY29udGVudD1yZWdpc3RyYXRpb25XBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Come say hi! SitePoint’s community is a place where you can come to talk tech, development, and design. Join us today and get involved with other members who share your interests in tech! [Join now →](~/AAAHUQA~/RgRod7ugP0UgYTQxZmQzMDc4YTg1ODY3N2ZhMWQ3ZDYyMDI4MjQ1MTZEJGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L1cFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) That's a wrap for today! Let us know how you felt about today's newsletter. ~/AAAHUQA~/RgRod7ugP0UgZDUyYmFkZDdkMGQwZTAwYmY2NmI4YmRkZjY3YmU1ODBEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtXVzVGQkhOQ0NDVllDSFYxVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRod7ugP0UgYzM4NzZhMWQwYjEyNDIzYzBlNzllNmQwOWZmZGNkNTJEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtQSkE4Uk44QUJZV1QzNkNXVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRod7ugP0UgNWJjZGJjOGY4ZmNkMzJiOWIyOTQ2ZjQ1NTY1OGQxMTVEY2h0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTEzNjg3YjBhLTMwZmQtNDQxNC1iZDFlLTRkNjQ1ZGIzYTkwMVcFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~ What do you want to see more of? ~/AAAHUQA~/RgRod7ugP0UgYjlkZDZiNGI2ODk1N2M5NjZkZTFkMTlkYzZiMzRmNTdEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj0wMjQ1MWQ0ZC05Y2NhLTQzNmMtYmFhOS0zYzAzNmM4ODZhMGRXBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRod7ugP0UgODQ5YTMzNTU3NmQwYWE3MjI5ZWM2Yjg4NzliYzE1MWJEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1iZGYzZDg5ZS0xYmU1LTRjNTctYjhmNy1iNzljM2RiYjkyMmVXBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRod7ugP0UgZjVkNTFmY2MzY2U4ZDUwNjQ1NWU2M2Y1ZTEwNzkxNjlEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj00ZGYzYzQwZC1lMzhhLTQ0OWYtOGJmMi1kYWEwMDI1YTFkMWVXBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRod7ugP0UgNDAyOTdmYzVkODg4MDcwZmIwODg5MTRlOTdjNTJhMjFEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1hYTAzMzMxNi0zM2I4LTQzOWEtYTMwZi1hOTI1MGU0YjJhYjNXBXNwY2V1QgpmkaA2lWbDOQ2DUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ 71 Balmain Street Cremorne Vic 3121 Australia Your received this email because you signed up on our website or made purchase from us. [facebook social link](~/AAAHUQA~/RgRod7ugP0UgYzE0M2MzY2Y2YWI5Y2VmOWU3YjVlMTQ4ZmNiMzg4ZmREI2h0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9zaXRlcG9pbnQvVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [x social link](~/AAAHUQA~/RgRod7ugP0UgMWE2NDMzZTNkOGRhNzE1ZWI1OTZmYjgxZjAwZTI0ZTdEJGh0dHBzOi8vdHdpdHRlci5jb20vc2l0ZXBvaW50ZG90Y29tL1cFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [linkedin social link](~/AAAHUQA~/RgRod7ugP0UgNjlhOTcyMTQ2MGFjYzRmZTAwMTFjODJmMDQ4ZWIzOGVEJ2h0dHBzOi8vbGlua2VkaW4uY29tL2NvbXBhbnkvc2l0ZXBvaW50L1cFc3BjZXVCCmaRoDaVZsM5DYNSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [Unsubscribe from this list](~/AAAHUQA~/RgRod7ugP4QWAWh0dHBzOi8vYmVycmltYS5lb2NhbXBhaWduMS5jb20vdW5zdWJzY3JpYmU_ZXA9MiZsPWNhYTY1ODU4LTRhYzYtMTFlZS04MDE2LTRkY2U5YmEwOGU2ZCZsYz04NzA3ZWU4Ni01MmYwLTExZWUtYWY1Mi00YjUzODJiYTNiOTQmcD0yZjMwY2FmYS0zZGRlLTExZWYtYWU4OC0wOWJlMTBmZDhmYTMmcHQ9Y2FtcGFpZ24mcHY9NCZzcGE9MTcyMTA1MjAyOCZ0PTE3MjEwNTQ4ODAmcz03MjAwNjY4Y2Q4MDk2ZmY2MDgzNmNiNTlkOTFiZjk5MzRmZDQyZDQxMTU3ZWFhY2JkMjJhYjk3MzQ4MDA5ZTFlVwVzcGNldUIKZpGgNpVmwzkNg1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd)