---
title: "What should the web platform focus on in 2025?"
publication: "Frontend Focus"
issue: 664
published_at: "2024-10-16"
canonical_url: "https://frontendfoc.us/issues/664"
---

Plus more on the ongoing WordPress drama. |       

Together with [![Gitpod\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1280,h_438/e_make_transparent/co_white,e_outline:20/ywelez5e8w7bfjflvn7f.png)](https://shortclick.link/sbj381)        

🚀 **Frontend** Focus 

#​664 — October 16, 2024 | [Read on the web](https://frontendfoc.us/issues/664)      

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1729075588/xaioaknfjpjz7hnqylws.png)](https://github.com/web-platform-tests/interop/labels/focus-area-proposal)  

[The Proposed _Interop 2025_ Focus Areas](https://github.com/web-platform-tests/interop/labels/focus-area-proposal) — A few weeks back [we mentioned](https://www.webkit.org/blog/15942/get-ready-for-interop-2025-your-chance-to-shape-the-web/) how ideas and proposals were being sought for Interop 2025. You can now look over all of the ideas put forward, share your feedback, and upvote those you like the look of. Here's [how the full proposal selection process](https://github.com/web-platform-tests/interop/blob/main/2025/selection-process.md)works, with the chosen priorities announced next February. 

web platform tests   

[HTML for People](https://htmlforpeople.com/) — An approachable, friendly set of teachings around creating HTML pages, going from the basics, to adding style, getting things online, and exploring reusable components too. It’s a well presented, understandable starter guide of sorts — a good one to share with any beginner. 

Blake Watson beginner   [![\](https://copm.s3.amazonaws.com/b30d96b0.png)](https://shortclick.link/sbj381) 

[Announcing Gitpod Flex](https://shortclick.link/sbj381) — Gitpod Flex automates your full dev environment—yes, including tools and secrets. Speed up work, boost productivity, and collaborate securely with zero-trust security whether coding locally, in the cloud, or on-prem. 

Gitpod Flex sponsor   

['I’ve Been Doing Blockquotes Wrong'](https://css-irl.info/ive-been-doing-blockquotes-wrong/) — If you skipped past _HTML for People_ above because you’re an HTML expert, Michelle’s moment of reflection around the `blockquote` element might make you pause for thought. _HTML is hard_, she notes, not least because it’s both easy and relatively safe to write bad HTML (unlike with bad JavaScript). 

Michelle Barker   

[An Abridged History of Safari Showstoppers](https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers/) — The ‘receipts’ to prove that Safari on iOS is “_an inconvenience for developers_” and “_the fundamental reason interoperability has been stymied in mobile ecosystems_”. Uh-oh, we're getting flashbacks to the IE6 days.. 

Roderick E.J.H. Gadellaa     

⚡️ Quick Links 

- 🖼️ [This site brings together over one million screenshots](https://onemillionscreenshots.com) of the web's top homepages. Well worth an explore!
- ✨ JavaScript animation library [GSAP](https://gsap.com) has been [acquired by Webflow](https://gsap.com/blog/webflow-GSAP/).
- 🗓️ [2024 has brought more at-rules](https://css-tricks.com/2024-more-css-at-rules-than-the-past-decade-combined/) than an entire decade of CSS.
- 👎 The Internet Archive [suffered a cyberattack this week](https://www.theregister.com/2024/10/10/internet_archive_ddos_data_theft/) involving a DDoS.
- 😓 Chrome's migration to Manifest v3 is [causing the popular uBlock Origin extension](https://www.theverge.com/2024/10/15/24270981/google-chrome-ublock-origin-phaseout-manifest-v3-ad-blocker) to be disabled as it's _'no longer supported.'_     

📙 **Tutorials, Articles & Opinion** 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pwwjn0bisjscqma8rrp9.jpg)](https://beeps.website/blog/2024-10-09-why-govuk-exit-this-page-doesnt-use-escape/)  

[Why GOV.UK’s 'Exit This Page' Component _Doesn’t_ Use the 'Escape' Key](https://beeps.website/blog/2024-10-09-why-govuk-exit-this-page-doesnt-use-escape/) — The considerations behind a [relatively straightforward component](https://design-system.service.gov.uk/components/exit-this-page/): a big red button that sticks to the top of the screen. If you click it, you’re quickly taken away from the page you’re viewing to something inconspicuous. 

Kim 'beeps' Grey   

[WordPress Drama Explained (and How it May Affect Your Site)](https://www.wpbeginner.com/news/wordpress-drama-explained-and-how-it-may-affect-your-website/) — Yep, this is still a thing. In fact, [#wpdrama](https://x.com/search?q=%23wpdrama&src=trend_click&vertical=trends) is trending on X as we write. Beyond some mud slinging (and disappearing blog posts), the biggest news is likely the forced removal of the _Advanced Custom Fields_ plugin from the WordPress directory. 

Syed Balkhi   

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1729074236/krxlqaokqr7gf9dtkrdn.png)](https://www.youtube.com/watch?v=QxDf6VkqP4g)  

▶[Drawing a Clay Character with CSS](https://www.youtube.com/watch?v=QxDf6VkqP4g) — A roughly 15 minute video tutorial that touches upon CSS positioning, masks, clip-path, custom properties, and more. The [source code / demo is on Codepen](https://codepen.io/alvaromontoro/pen/ZEgezbN). 

Alvaro Montoro   

[`.io` Domain Likely Being Phased-out? Seven Suggested Steps](https://tantek.com/2024/285/t1/io-domain-suggested-steps) — I’m still not wholly convinced this will actually happen (wishful thinking?), but it’s still a good idea to be prepared for that possible eventuality. 

Tantek   

[On the Web, and Optimism](https://webdirections.org/blog/on-the-web-and-optimism/) — “_I feel we’ve perhaps learned some painful lessons, become less naive. And on this more realistic foundation, there’s a chance to build things differently this time_”. 

John Allsopp   

[Creating Blogs with Astro](https://www.codeproject.com/Articles/5388799/Creating-Blogging-Sites-with-Astro) — How to use the popular Astro content site framework to create a full-featured blog. 

Matt Scarpino   

[Build a Static RSS Reader to Fight Your Inner FOMO](https://www.smashingmagazine.com/2024/10/build-static-rss-reader-fight-fomo/) — A look at creating a basic daily updating RSS feed reader with Astro. 

Karin Hendrikse   

[Testing CSS Print Media Styles with Cypress](https://glebbahmutov.com/blog/test-print-styles/) 
Gleb Bahmutov   

[A Quick Guide to Web Typography for Developers](https://sinja.io/blog/web-typography-quick-guide) 
Oleg Wock   

[Handling Paste Events in JavaScript](https://frontendmasters.com/blog/handling-paste-events-in-javascript/) 
Raymond Camden  

🔧 **Code, Tools & Resources** 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/g1mx6stswjvic9bcwn2y.jpg)](https://motioncanvas.io/)   

[Motion Canvas: Create Dynamic Canvas-Rendered Animations](https://motioncanvas.io/) — There’s two parts. A library where you use generator functions to procedurally define animations, and an editor that provides a real-time preview of said animations which [you can see in action here.](https://motioncanvas.io/editor/quickstart/) 

Motion Canvas   

[fast-grid: The 'World's Most Performant' DOM-Based Web Table](https://github.com/gabrielpetersson/fast-grid) — A bold claim for sure, but you can see for yourself using [the online demo](https://fast-grid.vercel.app/), which lets you filter, sort, and scroll simultaneously for a true test. 

Gabriel Petersson   

[AuthKit: The World’s Best Login Box — Powered by WorkOS & Radix](https://www.authkit.com/?utm_source=cpff&utm_medium=newsletter&utm_campaign=q32024) — AuthKit is a complete solution for authentication, authorization, and user management. It’s free up to 1 million MAUs and comes standard with RBAC, bot protection, MFA, and more. 

AuthKit sponsor   [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1729072247/ozqns2uvuq6llnhaxyhr.png)](https://github.com/arturbien/balloons-js) 

[balloons-js: An Animated Balloons Effect for Your Site](https://github.com/arturbien/balloons-js) — [Try it here](https://arturbien.github.io/balloons-js/). Definitely needs a plugin that lets you “pop” the balloons with mouse clicks! 

Artur Bień   

[STDF: Mobile Web Component Library Built with Svelte & Tailwind](https://stdf.design/) — Based on the standard Web Components API and includes various components for layout, navigation, data-based, info display, feedback, and some other typical options. 

DUFU   

[Color Thief: Grab Color Palettes from Images in JavaScript](https://lokeshdhakar.com/projects/color-thief/) — Given an image, this uses `canvas` to return a list of the dominant colors. 

Lokesh Dhakar   

[SVG Collector: Chrome Extension to Download SVGs from the Current Page](https://chromewebstore.google.com/detail/svg-collector/bkdhhhmkkfepeidbabdmaholoepijkbk) 
Birkan Kervan   

[Linkpreview: Quickly Preview Social & Open Graph Meta Tags for Any URL](https://linkpreview.xyz/) 
Fayaz Ahmed    

📬 

**Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). 

--- 

**Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). 

--- 

**Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. 

--- 

Published by Cooper Press Ltd.
Curated by [Chris Brandrick](https://mastodon.social/@brandrick) & [Peter Cooper](https://twitter.com/cooperx86).
Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom 

[Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*)  

[Ipx.](https://frontendfoc.us/open/664/*|UID|*?ipx=t)
