Duncan Hunter (@dunchunter) header
Duncan Hunter (@dunchunter) profile picture

Duncan Hunter

@dunchunter

Frontend Developer

 Sydney
duncanhunter.com.au
Joined February 2010
  • Tweets1.7K
  • Following1K
  • Followers1.5K
80Media
Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)Photo by Duncan Hunter (@dunchunter)
a deep dive on the internals of htmx, how event listeners get hooked up, requests are sent, responses are processed, etc i don't want htmx to just be open source, i want you to be able to understand, debug & rewrite it youtube.com/watch?v=javGxN-h…
25
81
7
826
60,338
Duncan Hunter retweeted
Lit (@buildWithLit) profile picture
Lit@buildWithLit31 Jan 2024
#builtWithLit
Material Design (@materialdesign) profile pictureMaterial Design@materialdesign30 Jan 2024
Meet Material Web 1.0, complete with light and accessible Material Components. Here's what's coming next: ✅ Accessibility updates ✅ TSX support ✅ Expanded tokens ✅ And more! Check it out → goo.gle/47OV336
23
90
9,676
Duncan Hunter retweeted
Stefan Judis (@stefanjudis) profile picture
Stefan Judis@stefanjudis19 Jan 2024
For the web components folks: Firefox made it. 🎉 Declarative shadow DOM is shipping in 123 (released Feb 20). 💪
"Can I use" table showing support for Firefox at 123. All other browsers show support already.

ALT "Can I use" table showing support for Firefox at 123. All other browsers show support already.

10
89
11
423
59,931
Duncan Hunter retweeted
Chris Coyier (@chriscoyier) profile picture
Chris Coyier
@chriscoyier3 Nov 2023
Need a reminder of just how much CSS is super powerful and brand new just in the last... about a year? (Some a bit older, browser support varies from super solid to just one browser.)
:has() subgrid masonry @property @scope @layer logical color functions oklch(from ...) anchor-* [popover] <dialog> nesting view transitions container @container style() cqi/cqb, etc lh/rlh attr()+ margin-trim text-wrap

ALT :has() subgrid masonry @property @scope @layer logical color functions oklch(from ...) anchor-* [popover] <dialog> nesting view transitions container @container style() cqi/cqb, etc lh/rlh attr()+ margin-trim text-wrap

13
92
12
738
108,027
Duncan Hunter retweeted
Cory LaViska (@claviska) profile picture
Cory LaViska
@claviska3 Nov 2023
I like the shadow DOM, but web component usage would probably take off overnight if we introduced "open-styleable shadow roots" as @justinfagnani proposed. github.com/WICG/webcomponent…
"open-stylable" Shadow Roots · Issue #909 · WICG/webcomponents

"open-stylable" Shadow Roots · Issue #909 · WICG/webcomponents

We keep hearing that the strong style encapsulation is a major hinderance - perhaps the primary obstacle - to using shadow DOM. The problems faced are usually a variant of trying to use a web compo...

github.com
10
20
3
102
22,139
Don't miss @dunchunter "HTMX: Why You Don't Always Need a SPA Framework" at #NDCSydney. #Earlybird offer ends Friday, November 10! #Web #UX #Developer ow.ly/UY8Q50Q3j82
1
1
8
1,181
Duncan Hunter retweeted
Stencil (@stenciljs) profile picture
Stencil@stenciljs26 Oct 2023
Forms: the true backbone of web apps 💪 But getting forms and web components to play well together has historically been tricky, until now 🎉 Say hello Form Association, a new way to bring forms and web components together 🤝
A web component using Form Association

ALT A web component using Form Association

4
5
2
47
9,786
Duncan Hunter retweeted
Cory LaViska (@claviska) profile picture
Cory LaViska
@claviska12 Oct 2023
React's custom element support is getting closer! Once this PR gets merged, it will land in the next React canary. github.com/facebook/react/pu…
Land enableCustomElementPropertySupport for React 19 by alunyov · Pull Request #27450 · react/react

Land enableCustomElementPropertySupport for React 19 by alunyov · Pull Request #27450 · react/react

We've rolled out this flag internally on WWW. This PR removed flag enableCustomElementPropertySupport Test plan: -- yarn test

github.com
4
10
2
54
5,972
Duncan Hunter retweeted
Hono (@honojs) profile picture
Hono
@honojs13 Aug 2023
Sonik - Hono and Vite -based framework - now supports: hono/jsx, Preact, React, and Solid! enables SSR and Islands hydration. github.com/yusukebe/sonik
Image from Hono (@honojs)
1
12
1
122
9,636
Duncan Hunter retweeted
Stencil (@stenciljs) profile picture
Stencil@stenciljs26 Jun 2023
🚨 ANNOUNCEMENT TIME 🚨 We're thrilled to share that Stencil V4.0 is finally here! This release removes a few deprecated APIs and sets Stencil up for a bright future ✨ Get the details below 👇 ionic.link/42YNB2H
7
11
49
5,972
Duncan Hunter retweeted
Liam Westley (@westleyl) profile picture
Liam Westley@westleyl11 Jun 2023
Completed the Halvvattern 150km as part of the @NDC_Conferences team. Thanks to @fekberg for loaning me his back wheel for quite a bit of it. That average speed is partly his work.
Image from Liam Westley (@westleyl)
Image from Liam Westley (@westleyl)
2
4
810
Duncan Hunter retweeted
Hono (@honojs) profile picture
Hono
@honojs26 May 2023
Cooooool! Hono works on Express!
Image from Hono (@honojs)
6
7
4
74
9,711
Duncan Hunter retweeted
Stencil (@stenciljs) profile picture
Stencil@stenciljs23 May 2023
Three cheers for Stencil v3.3 🎉 This release brings some great new features to Stencil: 📝 Support for TypeScript v5.0 🤖 Support for Puppeteer v20 💻 Support for Node v20 Get the full release notes below 👇 ionic.io/blog/announcing-ste…
Announcing Stencil v3.3.0

Announcing Stencil v3.3.0

Hey folks! We’re excited to announce that Stencil v3.3.0 is available! This release contains support for TypeScript 5, a new way to run Puppeteer tests, and Node 20 support. Let’s take a look!...

ionic.io
3
1
27
5,013
Duncan Hunter retweeted
Una 🇺🇦 (@Una) profile picture
Una 🇺🇦
@Una23 May 2023
Did you know popovers are about to land in stable Chrome?! I just wrote a post all about how to use them 😁 Popovers give you a lot for free: - top layer promotion - light-dismiss behavior - focus management - accessible keyboard bindings Learn more ⬇️ developer.chrome.com/blog/in…

Introducing the popover API  |  Blog  |  Chrome for Developers

Learn how to build tooltips, menus, and more with the new popover API.

developer.chrome.com
20
117
14
640
134,343
Duncan Hunter retweeted
Hono (@honojs) profile picture
Hono
@honojs19 May 2023
Today's first announcement. The Node.js Server Adapter v1.0.0 is now released! It doesn't rely on external libraries for polyfilling, but instead, it uses only Node.js's Native Web Standard APIs! github.com/honojs/node-serve…
Release v1.0.0 · honojs/node-server

Release v1.0.0 · honojs/node-server

🎉 🎉 🎉 This is the first major release of the Hono Node server adapter! Breaking Changes From now on, the Node server adapter utilizes Node.js's native Web Standard APIs, which have been availab...

github.com
3
19
117
18,225
Duncan Hunter retweeted
Lit (@buildWithLit) profile picture
Lit@buildWithLit15 May 2023
📣Lit 3.0 is coming! Try the pre-release today📣 Get an early look at Lit 3.0, our first major release since Lit 2.0 two years ago. If you run Lit 2.x with no deprecation warnings, this should be a seamless upgrade! Read more and try the prerelease here: lit.dev/blog/2023-05-15-lit-…
Announcing Lit 3.0 Pre-releases

Announcing Lit 3.0 Pre-releases

Get an early look at the upcoming Lit 3.0 release.

lit.dev
3
66
2
244
60,248
Duncan Hunter retweeted
NgRx (@ngrx_io) profile picture
NgRx@ngrx_io12 May 2023
Super excited to see that NgRx ComponentStore has passed 200K/week in downloads! 🤩📈
Image from NgRx (@ngrx_io)
1
9
3
59
8,327
Today at #GoogleIO we launched Baseline. Working alongside other browsers, we're keen to improve the developer experience of working on the web, to bring clarity to what is available now and what is still experimental. Find out more web.dev/baseline/
Baseline | web.dev

Baseline  |  web.dev

web.dev
7
47
3
244
57,774
Duncan Hunter retweeted
NgRx (@ngrx_io) profile picture
NgRx@ngrx_io9 May 2023
NgRx v16 is out! 🚦 Signals Integration 🔥 Functional effects 🧍ng add support for standalone And more! 👀 dev.to/ngrx/announcing-ngrx-…
Announcing NgRx v16: Integration with Angular Signals, Functional Effects, Standalone Schematics,...

Announcing NgRx v16: Integration with Angular Signals, Functional Effects, Standalone Schematics,...

We are pleased to announce the latest major version of the NgRx framework with some exciting new...

dev.to
12
107
12
351
39,770
I have mixed feelings on Tailwind. - It’s an elegant solution to a bunch of different problems. - It’s an obvious choice due to its popularity. - From a design system perspective, I’d prefer consumers use components, not CSS. - Otherwise, I’d want class usage to be type safe.
29
9
194
82,784
Load more