Sign in

gossi

@gos.si
147 followers 284 following 50 posts

Unicyclist. Artist. Developer. gos.si ✨ Software Architect ✨ Design Tokens - theemo.io ✨ Design Systems - hokulea.netlify.app ✨ EmberJS Enthusiast

PostsRepliesMedia
gossi @gos.si · 25/09/2026
My own Design System is using it already, was making a real good demo: ➡️ hokulea.netlify.app/ember
hokulea.netlify.app
storybook - Storybook
000
gossi @gos.si · 25/09/2026
I'm releasing `ember-storybook`. Connects @emberjs.com with @storybook.js.org using @vite.dev I talked about it at @emberfest.eu a week ago, now the docs are ready :) ➡️ ember-integrations.github.io/ember-storyb...
ember-integrations.github.io
ember-storybook
Storybook for Ember: develop, document, and test UI components in isolation.
196
gossi @gos.si · 07/09/2026
Two questions: 1. How big is the codebase 2. What's the `lint:types` script?
100
gossi @gos.si · 26/08/2026
Check proto - similar to mise, but more in the spirit of volta (usage wise) moonrepo.dev/proto
moonrepo.dev
proto - A multi-language version manager | moonrepo
Lightspeed version manager for programming languages and their dependency managers.
000
Reposted by gossi
NullVoxPopuli @nullvoxpopuli.com · 26/08/2026
Ember now has preliminary TS7 support ~ via the content-mappers feature that merged in TS last week Testers wanted! (requires TS Nightly)
2147
gossi @gos.si · 24/07/2026
Happy to bring #emberjs and @storybook.js.org together. So excited to talk about it at @emberfest.eu
042
Reposted by gossi
EmberFest @emberfest.eu · 17/07/2026
Are you as excited about the Ember Router rewrite as we are? If so, you should definitely watch Nick Schot's (nickschot.nl) talk, "Modernizing the Ember Router: How to swap the steering wheel while driving" 🚚 Still no tickets? Get them here: emberfest.eu
063
Reposted by gossi
EmberFest @emberfest.eu · 14/07/2026
Chris Thoburn (aka. runspired, www.linkedin.com/in/runspired/ ) is another recurring EmberFest speaker who needs no introduction. Chris is a long-time EmberData core team member and is the architect behind its successor, WarpDrive. Tickets are available at emberfest.eu
031
Reposted by gossi
EmberFest @emberfest.eu · 09/07/2026
Chris Manson (www.linkedin.com/in/realate/) is also a recurring speaker at Emberfests. This year, Chris's talk, "We’re in the Vite future :rocket: ... now what?", will show us all the things that are unlocked in Vite-powered Ember apps. Get your tickets at: emberfest.eu
0133
gossi @gos.si · 09/07/2026
Ember - many ecma specs brew in there.
010
Reposted by gossi
EmberJS @emberjs.com · 01/05/2026
6.12 released blog.emberjs.com/ember-releas...
blog.emberjs.com
Ember 6.12 Released
The Ember project is excited to announce the release of Ember v6.12. Following Ember's Major Version Policy, version 6.12 will be the final release of the 6.x series. This...
0103
gossi @gos.si · 06/04/2026
It's assisted programming. Very much assistance needed.
010
Reposted by gossi
Stuart Robson @sturobson.com · 25/11/2025
inherit() is now available to play with in Chrome Canary. Here's some writing I did about it earlier: How CSS inherit() Could Simplify Design Systems www.alwaystwisted.com/articles/mak... How inherit() Can Simplify Border‑Radius for Components www.alwaystwisted.com/articles/mak... 🙏🖤
two 'cards' inside two other elements. Each 'card' has an image and button. All elements have rounded corners. The sidebar has smaller rounded corners.
4113
gossi @gos.si · 10/11/2025
Sounds very much like content-tag idea? This as a TC39 standard and I see this for oxc/ox-transformer. They are adopting popular libraries (ie. styled components) as plugins now. At least plugins and not hardcoded built-in. JSX should move into a plugin, others can join, spec can emerge :)
000
Reposted by gossi
EmberJS @emberjs.com · 26/10/2025
Hot off the press! 6.8 released with some big features 🎉 ⚡@vite.dev by default 🕚 Compatible with libraries from 8+ years ago* ✨ New APIs: renderComponent, additional reactive data structures 🤝 No more hbs by default (strict: true) Read more here: blog.emberjs.com/ember-releas...
blog.emberjs.com
Ember 6.8 Released
The Ember project is excited to announce the release of Ember v6.8. This is a standard minor release as part of the standard Ember Release Train process, but this release isn't...
14216
gossi @gos.si · 26/10/2025
that's donut scoping aka @scope - not baseline yet, but spec is ready. I checked FF is the last browser that needs to support it (much better than last time I checked, where no browser had support for it). css-tricks.com/solved-by-cs...
css-tricks.com
Solved by CSS: Donuts Scopes | CSS-Tricks
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scop...
120
gossi @gos.si · 11/10/2025
Great idea and good place to expressing my wishes here - thanks @jakearchibald.com Also: Didn't know I wished for so much - all CSS and HTML for design systems (+ Temporal)
020
gossi @gos.si · 17/09/2025
Time to tell stories in a book ✌️
010
gossi @gos.si · 13/09/2025
Better auth supports lots of these
020
gossi @gos.si · 11/09/2025
Great talk from @ntim.me about CSS form styling. This sounds super exciting and I already want to use it! www.youtube.com/watch?v=WgSi...
youtube.com
Form control styling - Tim Nguyen - CSS Day 2025
YouTube video by Web Conferences Amsterdam
010
gossi @gos.si · 05/09/2025
TIL (or maybe I did know once, forgot and relearned): You can use colspan="100%" on a <td> in HTML to span it across the entire table. Especially handy, if you don't know the amount of columns you deal with.
010
Reposted by gossi
Chris Thoburn @runspired.com · 31/08/2025
Ember is really spoiled with some of the greatest conferences and even if you don’t use Ember but just love Frontend and great people you should come, cause you’re missing out.
074
gossi @gos.si · 26/08/2025
Of course it is designed to use it from your UI library/design system, as I do use it myself. Here is the pretty version of using the form in #emberjs (All I wanted was the rules thingy) Demo: hokulea.netlify.app?path=/story/...
Using `@hokulea/ember-pahu` from `@hokulea/ember` itself, with its pretty API to have rules for typing and linked fields.
010
gossi @gos.si · 26/08/2025
I also made an integration for #emberjs: 🪘@hokulea/ember-pahu To be truly headless no components were harmed; it comes with pure helpers and modifiers. Attach it to your form elements
Syntax for `@hokulea/ember-pahu` using helpers and modifiers to attach them to HTML
000
gossi @gos.si · 26/08/2025
I made an agnostic headless form library: 🪘@hokulea/pahu ✨ HTML first. Use native form features through a pleasent API ✨ Validation & Revalidation ✨ Validators: Native, Custom, Standard Schema ✨ Nested & initial data ✨ Linked Fields ✨ Typescript support ➡️ github.com/hokulea/pahu
Syntax to create a form in `@hokulea/pahu`
251
gossi @gos.si · 15/08/2025
Shiki + twoslash. I use it in vitepress, gives really nice code samples.
010
gossi @gos.si · 13/08/2025
Two funny facts about Headless things: 1. When people give you a headless something as components - instant redflag ⛳ 2. The headless thing is usually the head 🧠
000
gossi @gos.si · 07/08/2025
I was at your exact point in time. I posted on svelte asking for ember test authoring format: github.com/sveltejs/sve... The newest anwser there has a package linked to do that 🙌 Also there is sveltest.dev that's the much better docs to svelte testing.
github.com
Inline Svelte components for tests · Issue #14791 · sveltejs/svelte
Describe the problem I'll start off by saying I don't know whether this would be a Svelte feature, or maybe part of a Vite plugin, or even if this should be in another library. When I'm writing com...
110
gossi @gos.si · 04/08/2025
oh whoopsie, I mixed up zod and valibot 🙈. Happy to have it in valibot, too :)
030
gossi @gos.si · 01/08/2025
Thanks for the solution of a problem I will be going to have 😅 Also let @fabianhiller.com know about this. I think it's great and the type first approach matches more my mental model. Also likely they even exist before the schema is around.
200
gossi @gos.si · 23/06/2025
Theemo plugin adds these transforms in Figma (hsl only for now). Meanwhile dtcg announced the color module, which will support more formats. Will figma support them, too? I'm also in favor of oklch, would love to see good tooling support for all ofc.
000
gossi @gos.si · 23/06/2025
I call them constrained rsp computed values. See for example here: theemo.io/design-token... You can find example tokens for either on: - theemo.io/theming/buil... - theemo.io/theming/buil... Check the "Input" (and also learn how they are turned into CSS).
theemo.io
Internals | Theemo
Design Token Automations - Connecting Tools
100
gossi @gos.si · 16/06/2025
Awesome. Love the spirit!
010
gossi @gos.si · 13/06/2025
Thanks Sam, it started as a ~30loc javascript in 2020, then I researched tokens published as the "Inside Design Tokens" Series... I'm still implementing that research results, it's grown a "little" 😅
010
gossi @gos.si · 12/06/2025
There you go: bsky.app/profile/gos....
000
gossi @gos.si · 12/06/2025
2️⃣ gos.si/blog/theemo-...
gos.si
Theemo v1.0: Vite + Ember + Vue + Svelte
I released Theemo, the end-to-end design token workflow tool, in v1.0. Theming (buiding CSS and packaging themes) as well as integrations with frameworks received a major overhaul.
000
gossi @gos.si · 12/06/2025
1️⃣ gos.si/blog/theemo-...
gos.si
Theemo v1.0: Design Tokens from Figma into CSS with @property, light-dark() and Color Functions
I released Theemo, the end-to-end design token workflow tool, in v1.0. It is capable to convert design tokens into modern CSS using @property, light-dark() and color functions with the help of Style D...
000
gossi @gos.si · 12/06/2025
Releasing Theemo v1.0 the end-to-end design token workflow tool: ✨ Generates Modern CSS: @property, light-dark() and color functions ✨ Integrations with @vite.dev, @emberjs.com, @svelte.dev and @vuejs.org ➡️ theemo.io Release posts (!) in the thread.
Design Tokens in FigmaGenerated CSS with `@property`, `light-dark()` and color functions
5237
gossi @gos.si · 07/06/2025
Yes, translating them into their final form (eg css) requires knowledge about all constraints (doing that atm with theemo). That knowledge is necessary for @property, color() or light-dark(), etc. Watch the upcoming release (writing docs about this rn).
100
gossi @gos.si · 06/05/2025
I'm trying to coordinate pnpm catalogs with automated releases (release-plan) and automated dependency updates (renovate): github.com/embroider-bu... I've found more use cases to what Anthony lists in his blog post: antfu.me/posts/catego... Maybe @antfu.me you wanna jump into the discussion?
github.com
Coordinate PNPM Catalogs + Renovate + Release Plan · Issue #172 · embroider-build/release-plan
As pnpm introduced its catalogs feature, it is amazing to centrally control and manage versions for your (mono)repo. As a naive approach, I started grouping deps for ember in an ember catalog: cata...
030
gossi @gos.si · 20/04/2025
I like the DDD approach, too.... both!
000
gossi @gos.si · 30/03/2025
CSS is awesome, especially recently - I see it as a requirement. I am free to ignore tailwind users :] I got your point for the icon. Though CSS has an answer to that, too.
110
gossi @gos.si · 30/03/2025
oh, I was writing this up into an issue over svelte to promote this idea, while you are posting here. Mental high five 👋 bsky.app/profile/gos....
220
gossi @gos.si · 30/03/2025
I really enjoyed writing an action() for svelte. The return value/object and receiving fine tuned updates over which parameters changed is very ergonomic to use (and superior to ember's functional modifier, progressive enhancement is possible). 👏 well done svelte!
000
gossi @gos.si · 30/03/2025
Maybe it wasn't a video, but this article: css-tricks.com/a-css-only-s...
css-tricks.com
A CSS-Only Star Rating Component and More! (Part 1) | CSS-Tricks
In this article, you'll learn how to make a full-on star rating component out of nothing but a single input element and vanilla CSS.
100
gossi @gos.si · 30/03/2025
I'm writing adapters for FE frameworks to my vanilla aria navigation library. #emberjs is my basis. #sveltejs is next and with an action. But their testing story is showing up as a blocker ever so often. So I joined a discussion to hope for similar testing in svelte: github.com/sveltejs/sve...
github.com
Inline Svelte components for tests · Issue #14791 · sveltejs/svelte
Describe the problem I'll start off by saying I don't know whether this would be a Svelte feature, or maybe part of a Vite plugin, or even if this should be in another library. When I'm writing com...
120
gossi @gos.si · 30/03/2025
you only need CSS for that o_O (for the visuals) I thought I remember a tutorial by kevin powell or web dev simplified - but can't find it right now. There should be some.
110
gossi @gos.si · 30/03/2025
I find it important to provide test APIs, so consumers can test their code with your lib. Appreciation and recognition is not that high so. PS. Your page object is part of it =)
010
gossi @gos.si · 13/03/2025
I gave an internal talk yesterday how to use functions in #emberjs accessing Embers DI system following the cqs-pattern - slides are public. More details, background info and practical hands on for my Emberfest talk. How to use them today, tomorrow and tomorrow but today. ➡️ ember-cqs.netlify.app
ember-cqs.netlify.app
Scalable Frontend Architecture that meets Your Business - Slidev
091
Reposted by gossi
EmberJS @emberjs.com · 30/12/2024
We now ship eslint 9 and flat config by default! In 6.1! blog.emberjs.com/ember-releas...
0146