Posts

This profile is from a federated server and may be incomplete. Browse more on the original instance.

cirrus, to random
@cirrus@mstdn.social avatar

Due to all the streaming services, we had barely been using our DVDs and BluRays for a long time. So, to free up shelf space, we packed them away into boxes and put them in the loft.

Literally minutes later our broadband provider had an outage. No Netflix / Prime Video / Disney+ 🤦‍♂️

cirrus, to random
@cirrus@mstdn.social avatar

In other #DesignTokens news, Sketch recently added a direct export to DTCG files: https://www.sketch.com/updates/design-tokens/ ❤️

As one of the spec editors, I really love seeing support for the DTCG file format ( https://tr.designtokens.org/ ) appearing in tools. The dream of seamless interoperability for design tokens edges a step closer each time.

Have you made a tool / lib / thing that supports the format too? Share it with the community here: https://github.com/design-tokens/community-group/issues/211

cirrus,
@cirrus@mstdn.social avatar

@nhoizey Yup, I'm aware. Bring on Style Dictionary v4! 💪

nhoizey,
@nhoizey@mamot.fr avatar

@cirrus 👍

cirrus, to random
@cirrus@mstdn.social avatar

Our #DesignSystem's #DesignToken pipeline has become more of a hydra...

Figma vars & styles
|
+-> DTCG file
|
+-> CSS custom properties
+-> CSS utility classes
+-> Storybook stories for util classes
+-> TS code
+-> TS interface

...and there's more to come: React Native components, docs, etc.

Also, longterm I want to make Figma an output from the DTCG file (or have some kind of 2 way sync), rather than it being the source.

cirrus, to webdev
@cirrus@mstdn.social avatar

Started writing a decision log for our . Documenting why we chose to build plain ol' and where we can and where client-side is needed is turning into a bit of a manifesto. Essentially we're using (and encouraging others to use) 😉

cirrus, to random
@cirrus@mstdn.social avatar

Spent this afternoon wrangling NPM dependencies in our #DesignSystem's monorepo. Managed to nuke a few and also eliminate all the vulnerable package versions being reported by npm audit.

I am so ready for the weekend!

cirrus, to random
@cirrus@mstdn.social avatar

Just prepping a few props for a #DesignSystem demo I'm doing at work tomorrow. 😅

cirrus, to javascript
@cirrus@mstdn.social avatar

Grumble. is doing my head in. Why do Angular packages create a new package.json in the dist folder and expect you to cd into there before running npm publish?!?!

I have a monorepo with lots of other non-Angular packages. I use Changesets to manage versioning and releases.

Now, because Angular can't just use npm like it's meant to be used, I'm stuck.

shaknais,
@shaknais@mastodon.social avatar

@cirrus Any chance you can just use a symbolic link to work around it?

cirrus,
@cirrus@mstdn.social avatar

@shaknais Unfortunately, I don't think that'll help in my case.

cirrus, to typescript
@cirrus@mstdn.social avatar

Been going down a rabbit hole today trying to get #Lit, #TypeScript, #CustomElement manifests and #Storybook to all hold hands and sing kumbaya.

Send help.

How's your day going?

cirrus, to javascript
@cirrus@mstdn.social avatar

Every day is #JS Naked Day on my site: https://cirrus.twiddles.com/ 😜

More info: https://js-naked-day.org/

cirrus, to webdev
@cirrus@mstdn.social avatar

Went down a rabbit hole today trying to share some CSS between a document (i.e. "light DOM") and the shadow DOMs of some #HTML custom elements (aka #WebComponents).

This article by Eisenberg Effect was super useful: https://eisenbergeffect.medium.com/

I ended up building something along similar lines, but customised for my specific needs. Needs a bit of polish, but it works.

It really shouldn't be that hard to do though. Really hope a native way to do this ends up in the #web platform someday.

cirrus, to random
@cirrus@mstdn.social avatar

I know it's been done a million times (incl. a few by my past self), but it still feels like magic when demoing a #DesignToken pipeline.

In our case, the demo was:

  • Static HTML, React & Angular web apps are all open in browser windows, displaying some of p
    our #DesignSystem components
  • An Android emulator running a React Native app, also using DS components, is open too.
  • I open a Figma library, edit the color of a variable
    ...
cirrus,
@cirrus@mstdn.social avatar

...

  • I use the Tokens Brücke Figma plugin to save out the variables as a DTCG file in our #DesignSystem's git repo
  • I run an npm command to rebuild our themes from the updated DTCG file
  • Seconds later all browser windows and the Android app auto-refresh and the color of the buttons has changed 🤘
cirrus, to random
@cirrus@mstdn.social avatar

Current status:

sturobson,
@sturobson@front-end.social avatar

@cirrus Evergreen toot

cirrus,
@cirrus@mstdn.social avatar

@sturobson Yeah, I should've said "Permanent status:"

cirrus, to Samsung
@cirrus@mstdn.social avatar

For a laugh, I decided to compare my current smartphone with the very first #smartphone I ever owned 20 years ago...

https://cirrus.twiddles.com/blog/2024/03/06/nokia-6600-vs-samsung-s24-ultra/

#nokia #samsung #tech #gadgets

cirrus, to random
@cirrus@mstdn.social avatar

$ sudo dry hair

cirrus, to random
@cirrus@mstdn.social avatar

Current status:
git commit -m "make CI pipeline work... maybe? hopefully? for real this time, honest guv"
git push
🤞

johnny_reilly,
@johnny_reilly@fosstodon.org avatar

@cirrus This is why we squash commits James😉

cirrus,
@cirrus@mstdn.social avatar

@johnny_reilly git reset --soft HEAD~37472 && git commit -m "setup flawless CI pipeline in one go. Bow before me, for I am the DevOps master!"

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • mdbf
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • JUstTest
  • GTA5RPClips
  • ethstaker
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • tacticalgear
  • anitta
  • megavids
  • Leos
  • cisconetworking
  • lostlight
  • All magazines