Profile avatar
hugocampos.bsky.social
Senior Software Engineer at the Esri R&D Center in Zurich. Working on the ArcGIS Maps SDK for JavaScript. Typescript, CSS, Web Components, WebGL, GIS. He/Him
91 posts 349 followers 697 following
Regular Contributor
Active Commenter

👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.

Today we're announcing previews of the native port of TypeScript! These nightly previews will be available on npm and the VS Code marketplace! npm install -D @​typescript/native-preview npx tsgo --version Read up more on our blog!

The one where I muse about how this simple bit of code radically changes how the web itself seems to behave… webkit.org/blog/16967/t...

My #GoogleIO video “Web animations today and tomorrow” has been published. Check out this session to learn how to guide, inform, and delight users by adding subtle and supportive animations to your web UIs. www.youtube.com/watch?v=UcXW...

✨ In my upcoming animations course, we build an intuition for Bézier curves with a mini-game: your job is to get your green ball to have the same easing as the pink ball, by dragging and adjusting the curve:

Storybook 9 is now in RC! That means everything shared in this post is now even more ready for you to use in your projects. 🆙 Upgrade - npx storybook@9 upgrade 🆕 Get started - npm create storybook@9

Parcel v2.15 introduces a new HTML and SVG transformer and minifier written in Rust using browser-grade components from Firefox + Servo! 🚀 Replaces posthtml, htmlnano, SVGO, and SVGR. 10x faster. Reduces npm dependencies by 25% and install size by 45%. parceljs.org/blog/v2-15-0/

For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅 Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨ Let’s explore. 🧵

We are making the first step toward the ESM future. MSW 2.8.0 is out, becoming ESM-first internally alongside other goodies: - TypeScript 5.6 - 5.8 support; - Custom interceptors in SetupApi; - null as explicit response body type. github.com/mswjs/msw/r...

Node.js 24 is here and it's looking good 😎🚀 Featuring updates to V8 v13.6, npm v11, improved Permission Model and more new features in the blog. Check it out and let us know what you think: hubs.ly/Q03lfLDC0

Storybook 9 is now in beta! It’s ready for you to try today. Let’s see what’s inside…

Today we're sharing that View Transitions and Activity are ready to try in the experimental channel, along with docs and updates on other areas we're actively working on: react.dev/blog/2025/04...

How Rolldown Works: Module Loading, Dependency Graphs, and Optimization Explained www.atriiy.dev/blog/rolldow...

ECMAScript Excitement 🎉 Today, TC39 advanced these proposals: 2️⃣.7️⃣ Non-extensible Applies to Private 1️⃣ Enums 1️⃣ Object.propertyCount

As of this morning, TS Go can check our repo with zero errors— in 2.5 seconds🤯 That includes... ⚡500 cyclic types in the background of this image ⚡dozens of other inference stress tests ⚡1k+ unit tests w/ complex type assertions

🌠 I just updated by CSS Reset to include a handy new declaration: html { interpolate-size: allow-keywords; } This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨ Learn more in my blog post about it: www.joshwcomeau.com/css/custom-c...

Happy to announce Parcel v2.14, now with support for React Server Components! 🥳 RSCs can be integrated into client-rendered apps, server rendered, or statically rendered at build time. Also: rust MDX compiler, create-parcel CLI, new error overlay, and native import maps. parceljs.org/blog/v2-14-0

🔥 Define your own WebMap or Map 🔥 🗺️ With #ArcGIS Maps SDK #JavaScript components! 🎥 youtu.be/nfmwZ9hZuKM #geodev #esridev

The #esri Developer & Technology Summit 2025 Plenary videos are now available, including my plenary demo of the new 3D capabilities of the ArcGIS Maps SDK for JavaScript. You can see it here: mediaspace.esri.com/media/1_n60l...

This is the dev news of the year (if not the decade). I’ve been waiting for this for so many years no 😭😭🥹🥹 Can’t believe it’s happening.

TypeScript 5.8 is now out, with ✅ Better Checks on return expressions ✅ Support for require(esm) in --module nodenext ✅ --libReplacement to speed up program loading ✅ --erasableSyntaxOnly and more! Try it today! devblogs.microsoft.com/typescript/a...

The ArcGIS Maps SDK is doing a full transition from a custom widget architecture/framework to #webcomponents. Read all about it here: www.esri.com/arcgis-blog/...

Just ran into this bug in #safari bugs.webkit.org/show_bug.cgi... And it means using top-level await is essentially a no-go if you need to support Safari. Just when I thought they were making good strides in a good direction, we still often run into such issues, like in the time of IE 😭

Version 4.32 of ArcGIS Maps SDK for JavaScript is released! A huge release with improved UI, highlighting, filtering, statistical queries, editing, routing, symbology and a lot more. www.esri.com/arcgis-blog/... #esri #arcgis #mapping #gis #javascript

💡 CSS Tip! Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done! css-tip.com/equal-width-... #CSS

🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS. Developed with @d12n.me’s help over the last month. Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others! Blog post: lea.verou.me/blog/2025/st... Docs: observe.style

`require(esm)` got backported to Node 20! 🎉 When Node 18 hits EOL in less than 3 months, we can finally drop CJS builds and go ESM-only

Rspack v1.2.3 is out! 💡 new hooks for RSC ⚡️ faster minification (SWC v13) ⚡️ 10% smaller binary 🐛 19 bug fixes