Interop 2025—Which Browser Features to Get Acquainted With This Year and Why You Should Care, by @utilitybend (@iodigital.bsky.social):

Interop 2025—Which Browser Features to Get Acquainted With This Year and Why You Should Care, by @utilitybend (@iodigital.bsky.social):
#Development #Releases
New to the web platform (March 2025) · The latest browser features at a glance https://ilo.im/1635he
_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #CSS #JavaScript #API
26 March from 13:00-15:00 UTC and 21:00-23:00 UTC
The @w3c Breakouts Day 2025 agenda is available! https://www.w3.org/2025/03/breakouts-day-2025/
We invite #developers to take part in these one-hour sessions and give input on diverse topics such as #security, web features, integration of #browsers with #fediverse, #AI agents, #WebPlatform documentation, #SVG and more! Anyone with a W3C account (including non-Members) can participate. No fee or registration is required.
The “contenteditable” “plaintext-only” Attribute Value Combination Is Now Baseline Newly Available, by @tomayac (@developers):
https://web.dev/blog/contenteditable-plaintext-only-baseline
#Development #Guides
Baseline tooling · The Web Platform Dashboard and its HTTP API explained https://ilo.im/162qzu
_____
#Browser #Interoperability #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #JavaScript #API
#Development #Announcements
First catalog of web features completed · The WebDX Community Group has hit a milestone https://ilo.im/162sid
_____
#WebFeatures #BCD #Baseline #WebPlatform #Browser #WebDev #Frontend #HTML #CSS #JavaScript
#Development #Releases
New to the web platform (February 2025) · The latest browser features at a glance https://ilo.im/162p0f
_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #CSS #JavaScript #API
Improve accessibility by reducing motion of all kinds: View Transitions, CSS Transitions, CSS Animations, and Picture elements — all without rewriting styles or content.
Examples use an existing client website, showing that you can do the same in ongoing work. Don't wait for your next project to get a fresh start.. do it today!
https://chrisruppel.com/blog/modernizing-with-web-platform-reduced-motion/
#Development #Launches
Navigating the web platform · Where front-end developers stay updated and engage https://ilo.im/162evt
_____
#Resources #WebPlatform #WebStandards #Browser #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
https://webkit.org/blog/16458/announcing-interop-2025/
On top of fixing bugs in features that have already shipped, Interop 2025 lets us know that this year, all browsers will ship:
- Navigation API, to interact with the built-in browser navigation.
- View transitions, to animate between states.
- Anchor positioning, to simplify tooltips and dropdowns.
- Largest Contentful Paint and Event Timing API, to help monitor page loads and interaction smoothness.
Great to cut down the amount of JS used!
Part 1 of a series about the power of the modern Web Platform.
Instead of focusing on one particular technology, each post is a mini case study based on a client project which I built in 2018 then refreshed in 2024. This one is about image performance, covering the Picture element, lazy loading, and speculative preloading with Intersection Observers.
https://chrisruppel.com/blog/modernizing-with-web-platform-image-performance/
#Development #Releases
New to the web platform (January 2025) · The latest browser features at a glance https://ilo.im/1623lt
_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #CSS #JavaScript #API
#Development #Reports
Interop 2024 brings more features to Baseline · What became compatible across browsers last year https://ilo.im/1621tj
_____
#Browser #Interoperability #WebStandards #WebPlatform #HTML #CSS #JavaScript #WebDev #Frontend
#Development #Releases
Tailwind CSS v4.0 · New performance engine, CSS-first configuration, and much more https://ilo.im/161z2l
_____
#ModernCSS #TailwindCSS #Framework #Themes #Colors #WebPlatform #WebPerf #WebDev #Frontend #CSS
Learn frontend and web development with Frontend Dogma:
→ Frontend news (easy to follow per RSS feed—also for individual topics—and social media)
→ Frontend history
→ Web-based (and free) tools
→ Ebooks
→ Remote frontend jobs (upcoming)
How long does it take for #webplatform innovations to sink in?
Flex is well established, grid still seems to be avant-garde. Text to speech is some 10 years old and feels like bleeding edge.
Look in codebases for <dialog>, <details>, <input type="range"> ... mostly nothing. Instead there's residue of crappy outdated libraries which wreck accessibility and bloat the code. <div>s everywhere.
At the time the web standards move forward there have been dozens of tools filling that gap. So even if developers are aware of new features the tools they keep using are not.
Who would have guessed that three decades after cookies were introduced, we’d be getting a new JavaScript cookie API?!
Check out the new episode on my ‘Lessons of a CTO’ YouTube channel: https://youtu.be/P85CguQZL88
3. What #security guidance should we give web developers?
https://github.com/w3c/tpac2024-breakouts/issues/96
4. Web features: building an index for the #WebPlatform
https://github.com/w3c/tpac2024-breakouts/issues/99
Want to get a glimpse on how to get involved in pushing some of these topics forward? Anyone with a W3C account (including non-Members) can participate in any session.
All @w3c breakouts at TPAC 2024: https://www.w3.org/2024/09/TPAC/breakouts.html
I came across this article today and it’s the best explanation of each frontend framework and their differences that I have yet read. But it made me wonder: is there a good, *current* book that explains the fundamentals and core concepts of JS, frameworks and the web platform? E.g. how the DOM works, how React deals with DOM, how non-React frameworks do DOM now, etc? Book/article recommendations appreciated! https://joshcollinsworth.com/blog/antiquated-react #webplatform #webdev