The Web's Clipboard

Copy/paste functionality sounds fairly simple, but there's more than meets the eye. Also, check out Vue 3.5, and some insightful pieces. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ [SitePoint logo](~/AAAHUQA~/RgRovEKkP0UgODk5YmVhZTgwMTRhOTIwYzliY2YxYmVjMDg1ZDBhMDJEFGh0dHBzOi8vc2l0ZXBvbnQuY29tVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) September 5th, 2024 | [Read Online](~/AAAHUQA~/RgRovEKkP0TbaHR0cHM6Ly9iZXJyaW1hLmVvY2FtcGFpZ24xLmNvbS93ZWItdmVyc2lvbj9lcD0yJmxjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPWQxY2VlODdlLTZhYmEtMTFlZi05ZDZkLTc3YzE2ODQzNmNhOSZwdD1jYW1wYWlnbiZ0PTE3MjU1NDU4OTImcz03NDQzM2E5NGQxMTBjYTMzMGEwYjlmOWQ1MDVkZTZmOTkyNGRiOWMzMTNlZGViNDllODZkOWMxODY1ODc1YjE1VwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) SitePoint Source Welcome, Developers! 👋 Clipboard behavior is the web's wild west with each browser playing by its own rules. Today, we'll see all about how it works, its limitations, workarounds and more. We also feature the major release of Vue 3.5, and some pieces to help you finish projects, decide your tech stack and understand cognitive load for your code. Let's get started! From our Sponsor: Incogni ~/AAAHUQA~/RgRovEKkP0UgZDIxODQ5Mzk0NjUxZDVjNGNjMzQ0ZmNjNGIwNDU0ZTVEQmh0dHBzOi8vZ2V0LmluY29nbmkuaW8vYWZmX2M_b2ZmZXJfaWQ9MTE1MSZhZmZfaWQ9ODY3MiZ1cmxfaWQ9MTg4MFcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~ Stop Robocalls, Spam Emails, Stalkers, Frauds, and More Every day, data brokers profit from your sensitive info—phone number, DOB, SSN—selling it to the highest bidder. And who's buying it? Best case: companies target you with ads. Worst case: scammers and identity thieves. Try Incogni—not only does it delete your personal data from the web, but it also removes your info from sites used for stalking. [Get an additional discount on Incogni's annual plan using code: SITEPOINT55](~/AAAHUQA~/RgRovEKkP0UgZDIxODQ5Mzk0NjUxZDVjNGNjMzQ0ZmNjNGIwNDU0ZTVEQmh0dHBzOi8vZ2V0LmluY29nbmkuaW8vYWZmX2M_b2ZmZXJfaWQ9MTE1MSZhZmZfaWQ9ODY3MiZ1cmxfaWQ9MTg4MFcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [📋 The Web’s Clipboard, and How It Stores Data of Different Types](~/AAAHUQA~/RgRovEKkP0UgZWZjNzgwNTdmNjZhYmYxOTY1NDNmOWJjYmZkNDhmYzREJGh0dHBzOi8vYWxleGhhcnJpLmNvbS9ibG9nL2NsaXBib2FyZFcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Copy/paste functionality sounds fairly simple but there's more than meets the eye. This post explains web clipboard APIs, how they interact with OS, limitations plus workarounds that apps like Google Docs and Figma use to ensure cross-platform compatibility. [By Alex Harri →](~/AAAHUQA~/RgRovEKkP0UgZWZjNzgwNTdmNjZhYmYxOTY1NDNmOWJjYmZkNDhmYzREJGh0dHBzOi8vYWxleGhhcnJpLmNvbS9ibG9nL2NsaXBib2FyZFcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [🎉 Announcing Vue 3.5](~/AAAHUQA~/RgRovEKkP0UgZWRiODA0MTI5OTc2ZTZhMjM4YzdiZWYxMDBiNmY5ZTFEJGh0dHBzOi8vYmxvZy52dWVqcy5vcmcvcG9zdHMvdnVlLTMtNVcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Vue 3.5 is here! Named after the anime "Tengen Toppa Gurren Lagann", this update brings optimized reactivity, improved SSR, and enhanced custom elements support. New features include reactive props destructuring, lazy hydration, and useId() for SSR-stable IDs. [By Evan You →](~/AAAHUQA~/RgRovEKkP0UgZWRiODA0MTI5OTc2ZTZhMjM4YzdiZWYxMDBiNmY5ZTFEJGh0dHBzOi8vYmxvZy52dWVqcy5vcmcvcG9zdHMvdnVlLTMtNVcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [🧠Cognitive Load Is What Matters](~/AAAHUQA~/RgRovEKkP0UgNjBlZWVjOGM5NTJjODY3NTVkYWJlZDZmNjNhNWQyYTZELGh0dHBzOi8vZ2l0aHViLmNvbS96YWtpcnVsbGluL2NvZ25pdGl2ZS1sb2FkVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) Is your code sparking joy or mental breakdowns? Artem highlights an interesting aspect that no one is talking about: cognitive load—the mental effort required to understand said code. He suggests several practices so your future self (and your teammates) will thank you. [By Artem Zakirullin →](~/AAAHUQA~/RgRovEKkP0UgNjBlZWVjOGM5NTJjODY3NTVkYWJlZDZmNjNhNWQyYTZELGh0dHBzOi8vZ2l0aHViLmNvbS96YWtpcnVsbGluL2NvZ25pdGl2ZS1sb2FkVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) --------------------------------------------------------------- [🏁 The Art of Finishing](~/AAAHUQA~/RgRovEKkP0UgNmY5OGFkZGY2NWQzMDA0OGYyMmZkY2VkODM3Y2U4ZTREMGh0dHBzOi8vd3d3LmJ5dGVkcnVtLmNvbS9wb3N0cy9hcnQtb2YtZmluaXNoaW5nL1cFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Starting a new thing is always more exciting than finishing previous but a graveyard of unfinished business will eventually come back to haunt you. Discover how to break the cycle of endless beginnings, set realistic deadlines, and celebrate small wins. [By Tomas Stropus →](~/AAAHUQA~/RgRovEKkP0UgNmY5OGFkZGY2NWQzMDA0OGYyMmZkY2VkODM3Y2U4ZTREMGh0dHBzOi8vd3d3LmJ5dGVkcnVtLmNvbS9wb3N0cy9hcnQtb2YtZmluaXNoaW5nL1cFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [🔮 Predicting the Future of Distributed Systems](~/AAAHUQA~/RgRovEKkP0UgZGZhMTNjYmZlZGQyYjEyYmFkYjgxZmEyMjg2MDAxNDBESWh0dHBzOi8vYmxvZy5jb2xpbmJyZWNrLmNvbS9wcmVkaWN0aW5nLXRoZS1mdXR1cmUtb2YtZGlzdHJpYnV0ZWQtc3lzdGVtcy9XBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Object storage is becoming central to databases while new programming languages promise improved security and simplicity. How do you decide which technologies to embrace? Which doors to walk through? Colin writes an insightful piece to help you decide. [By Colin Breck →](~/AAAHUQA~/RgRovEKkP0UgZGZhMTNjYmZlZGQyYjEyYmFkYjgxZmEyMjg2MDAxNDBESWh0dHBzOi8vYmxvZy5jb2xpbmJyZWNrLmNvbS9wcmVkaWN0aW5nLXRoZS1mdXR1cmUtb2YtZGlzdHJpYnV0ZWQtc3lzdGVtcy9XBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 🧰 The Toolbox Tools and products we're excited about today: [Midjourney for Web](~/AAAHUQA~/RgRovEKkP0UgNzM0MmQ0MGFkMTRkYzkyZjg5NGU2MWJjNWZhMDE5ZjZENGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9taWRqb3VybmV5LWZvci13ZWJXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Midjourney, the pioneer for AI image generation is finally available for use on the web, no more going to Discord. [Learn more →](~/AAAHUQA~/RgRovEKkP0UgNzM0MmQ0MGFkMTRkYzkyZjg5NGU2MWJjNWZhMDE5ZjZENGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9taWRqb3VybmV5LWZvci13ZWJXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) --------------------------------------------------------------- [Maxium AI](~/AAAHUQA~/RgRovEKkP0UgNmY4YmJlMGY3OGM0NTAzYjk3MTUxZmM5ZDJmYWU5MmNEMGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9tYXhpdW0tYWktYmV0YVcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) Maxium gives you real-time insights on your engineering team by categorising code changes and estimating the effort required to put them together as a function of their actual context. [Learn more →](~/AAAHUQA~/RgRovEKkP0UgNmY4YmJlMGY3OGM0NTAzYjk3MTUxZmM5ZDJmYWU5MmNEMGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9tYXhpdW0tYWktYmV0YVcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) --------------------------------------------------------------- [Nabubit](~/AAAHUQA~/RgRovEKkP0UgNTQxMTU0NWUxMzJiNDkwZjgwYmU2MzA5ZWFhZTUzODNEKWh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9uYWJ1Yml0VwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) Streamline database Design, management, and evolution. Upload your PostgreSQL, Rails, MySQL, MS SQL Server & SQLite schema, visualize it, and ask questions about it. [Learn more →](~/AAAHUQA~/RgRovEKkP0UgNTQxMTU0NWUxMzJiNDkwZjgwYmU2MzA5ZWFhZTUzODNEKWh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9uYWJ1Yml0VwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) --------------------------------------------------------------- Stop Robocalls, Spam Emails, Stalkers, Frauds, and More Every day, data brokers profit from your sensitive info—phone number, DOB, SSN—selling it to the highest bidder. And who's buying it? Best case: companies target you with ads. Worst case: scammers and identity thieves. Try Incogni—not only does it delete your personal data from the web, but it also removes your info from sites used for stalking. [Get an additional discount on Incogni's annual plan using code: SITEPOINT55](~/AAAHUQA~/RgRovEKkP0UgZDIxODQ5Mzk0NjUxZDVjNGNjMzQ0ZmNjNGIwNDU0ZTVEQmh0dHBzOi8vZ2V0LmluY29nbmkuaW8vYWZmX2M_b2ZmZXJfaWQ9MTE1MSZhZmZfaWQ9ODY3MiZ1cmxfaWQ9MTg4MFcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) 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~/RgRovEKkP0UgYmRlNmU4ZjYzMWRlM2VmZjAwZTc4NDMzYzdmNmRkZmNEJGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L1cFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) That's a wrap for today! Let us know how you felt about today's newsletter. ~/AAAHUQA~/RgRovEKkP0UgNmRkYjNlOTc5YjgxZTIzM2JjNjlkNjMwYTFlMDI4MjVEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtXVzVGQkhOQ0NDVllDSFYxVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRovEKkP0UgZGRiZDU0NzM4NGFhOGVhM2YxYjNkY2I1Mjk0MzVmMWREWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtQSkE4Uk44QUJZV1QzNkNXVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRovEKkP0UgNjdiZTc2MzdjMzU4NmNjY2VjMzZlMzcxYzMyYmVkODJEY2h0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTEzNjg3YjBhLTMwZmQtNDQxNC1iZDFlLTRkNjQ1ZGIzYTkwMVcFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~ What do you want to see more of? ~/AAAHUQA~/RgRovEKkP0UgYzliMWYwZjk5YTg4YzBmN2I3ZTM3MmNkNTkzMDU2ODVEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj0wMjQ1MWQ0ZC05Y2NhLTQzNmMtYmFhOS0zYzAzNmM4ODZhMGRXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRovEKkP0UgZmYxZjJlMTI2MWI2MzRiYjc3NmZiZjEyN2M0NjczY2REXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1iZGYzZDg5ZS0xYmU1LTRjNTctYjhmNy1iNzljM2RiYjkyMmVXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRovEKkP0UgMDQ0ZGFlNWM0M2JhZGE2OWYyMGZmMDJlYjkzNTA4Y2NEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj00ZGYzYzQwZC1lMzhhLTQ0OWYtOGJmMi1kYWEwMDI1YTFkMWVXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRovEKkP0UgNmM4NjZiMDNkYzFlNmUwYmRlNzc1MjAyZWNhZjQwNmJEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1hYTAzMzMxNi0zM2I4LTQzOWEtYTMwZi1hOTI1MGU0YjJhYjNXBXNwY2V1Qgpmz6S92WZGJVRrUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ 71 Balmain Street Cremorne Vic 3121 Australia You received this email because you signed up on our website or made a purchase from us. [Unsubscribe from this list](~/AAAHUQA~/RgRovEKkP4QWAWh0dHBzOi8vYmVycmltYS5lb2NhbXBhaWduMS5jb20vdW5zdWJzY3JpYmU_ZXA9MiZsPWNhYTY1ODU4LTRhYzYtMTFlZS04MDE2LTRkY2U5YmEwOGU2ZCZsYz04NzA3ZWU4Ni01MmYwLTExZWUtYWY1Mi00YjUzODJiYTNiOTQmcD1kMWNlZTg3ZS02YWJhLTExZWYtOWQ2ZC03N2MxNjg0MzZjYTkmcHQ9Y2FtcGFpZ24mcHY9NCZzcGE9MTcyNTU0MzA1MyZ0PTE3MjU1NDU4OTImcz1kZTU5NmU2MTdhOTg2YTRhZWE5ODRmMGE5MTM0NjVjYjU1NzhiMmVlNTM0OTYxMzI1YjM0NGZiOGNhZWYzODc5VwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [facebook social link](~/AAAHUQA~/RgRovEKkP0UgZGQ4MTcwNzU1N2VjMDE1OTAzZmUyMTA2NWRmZGY1ZmJEI2h0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9zaXRlcG9pbnQvVwVzcGNldUIKZs-kvdlmRiVUa1IbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [x social link](~/AAAHUQA~/RgRovEKkP0UgMDFhMjg2MmFhYTI0NjEzYzgyNThhNWYwYTg1YzNhNzVEJGh0dHBzOi8vdHdpdHRlci5jb20vc2l0ZXBvaW50ZG90Y29tL1cFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [linkedin social link](~/AAAHUQA~/RgRovEKkP0UgYzQ2ODA0ZDEwMzQ4M2IyMmUwZGU2NTYwZDgxYzIyY2ZEJ2h0dHBzOi8vbGlua2VkaW4uY29tL2NvbXBhbnkvc2l0ZXBvaW50L1cFc3BjZXVCCmbPpL3ZZkYlVGtSG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) {rewardsurl}