cirrus

zachleat, 12 days ago (edited 12 days ago) to random

google.com search results (on a desktop web browser) have a horizontal scrollbar < 1162px viewport width and don’t use responsive design.

Sometimes the biggest web properties in the world make decisions with a completely different set of priorities, goals, budget (etc.) and those decisions wouldn’t make sense to apply to your project (with your own goals, team, and tech stack).

Their best practices are not your best practices!

cirrus, 8 months ago (edited 8 months ago) to UX

Hey #DesignSystem friends, I'm looking for my next job! Needs to be permanent and London-based hybrid or remote.

I know a thing or two about #UX, #WebDev, #a11y and #DesignTokens (I'm one of the DTCG spec editors 😜), so can get stuck into all sorts. Ideally though, I'd like to use my skills and experience to help your organisation establish, run or grow a design system!

DM me if you're interested.

Boosts would be much appreciated. Thanks! ❤️

cirrus, 1 year ago to random

Personal life's super hectic at the moment, so I have (even) less time than usual to spend on stuff like the #DesignTokens Community Group (DTCG) spec (https://tr.designtokens.org/format/), Universal Design Tokens (https://github.com/universal-design-tokens/udt/) and massive backlog of things I want to blog or do talks about. If you're following or interested in any of those things, your patience is much appreciated!

cirrus, 8 months ago to random

Just shutdown my Twitter/X account.

I had it for almost 15 years. I had a lot of fun there, learned a lot and met some great people. But, after barely using it since Elon took over, I've come to the conclusion that I'll never go back.

I grabbed an archive of all my tweets before closing my account, so perhaps I'll rehost them ony site one day.

cirrus, 5 months ago to random

Just added a batch of ancient blog posts covering the 2008 Symbian Smartphone Show to my site: https://cirrus.twiddles.com/blog/2023/12/27/smartphone-show-posts/

Extremely niche content given that Symbian OS has been dead and buried for a looooong time now, but, hey, it's my site. I'll do whatever I darn well want there! 😛

cirrus, 5 months ago (edited 5 months ago) to UX

What tends to have the worst #UX? 😈

mikemai2awesome, 1 month ago to CSS

This is the way.

@ media (hover: hover)  
 a:hover { ... }  
}  

#a11y #WebDev

cirrus, 10 months ago to random

Benefit no. 1749 of #DesignSystems:
If your company is taken over by megalomaniac who decides on a whim to change the company's name and logo overnight, then it's just a matter of replacing a single SVG file and perhaps a few #DesignTokens and then letting the automated pipelines do their thing.

slightlyoff, 1 month ago to random

MSFT words I have to unpack in every meeting:

• "ask" == "request"
• "inbox" == "include"
• "double click" == "discuss in detail"
• "learnings" == "lessons"
• "delighter" == "feature" (apologies to Kano)

DavidDarnes, 18 days ago to random

Does anyone have any #WebComponents “gotchas” that they wish they knew when getting into them?

cirrus, 1 month ago to javascript

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

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

cirrus, 5 days ago to random

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, 6 days ago to random

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, 19 days ago to webdev

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

cirrus, 25 days ago to random

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, 25 days ago to random

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

mattwilcox, 1 month ago to random

Genuine question, because I'm starting to second guess myself.

Sites like this: https://buttermax.net/

I can't use them, and I ... I'm not sure why. I have no idea what the site was about, I literally (somehow) did not realise you could scroll the page so missed a ton of content. My eyes bounce around and I can't focus on anything to read it.

Is it just me?

cirrus, 1 month ago to typescript

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, 6 days ago to random

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

heydon, 26 days ago to random

I think Angular users may even be worse than React users, on the whole, for using the wrong markup for stuff. Looking at a page with background images on <div>s instead of, well, images and a form made out of <li> and <a> elements with button roles instead of checkboxes and radios. Oh and not even in a <form> element, just a <div>.

cirrus, 1 month ago to javascript

Grumble. #Angular 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.

#WebDev