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 '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 demo I'm doing at work tomorrow. 😅

hmiron, to CSS
@hmiron@fosstodon.org avatar

Hey fellow people. I have an abstract question for you.

By what logic does a evolve?

Surely we can't build everything into one, so how do we decide what to build? Where to start from? A button?

My goal is to end up with a design system or collection of components that I compose into pages and pass the data into them.

joelanman, to random
@joelanman@hachyderm.io avatar

I think something that can sometimes be misunderstood about the GOV.UK Design System is that if you find a component or pattern isn't right for your users, you can adapt or create a new one

https://www.gov.uk/service-manual/design/making-your-service-look-like-govuk#if-the-existing-patterns-dont-meet-your-needs

eric, to random
@eric@social.ericwbailey.website avatar

I wrote about struggling to highlight when a has quiet successes and is working as intended. https://ericwbailey.website/published/invisible-success/

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 pipeline.

In our case, the demo was:

  • Static HTML, React & Angular web apps are all open in browser windows, displaying some of p
    our 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 '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 🤘
SceNtriC, to UX Polish
@SceNtriC@101010.pl avatar

Dzisiaj artykuł wyjątkowy, bo... nienapisany przeze mnie. Powitajcie Ewelinę, która mam nadzieję, że co jakiś napisze coś o byciu PO oraz swojej pasji, czyli UX. Na pierwszy ogień bierze temat Design Systemu. Zapraszam.

https://wildasoftware.pl/post/design-system-co-to-jest-jak-pomaga?ref=mastodon

wolfgangbremer, to design
@wolfgangbremer@mastodon.social avatar

OMG, I’ve seen the worst time input UI! 😱

video/mp4

nhoizey, to random French
@nhoizey@mamot.fr avatar

🔗 “How far we’ve come: What it would mean to lose the GOV.‌UK Design System” by @stevenjmesser

⚓️ https://nicolas-hoizey.com/links/2024/02/28/how-far-we-ve-come-what-it-would-mean-to-lose-the-gov-uk-design-system/

nhoizey, to random French
@nhoizey@mamot.fr avatar

🔗 “How far we’ve come: What it would mean to lose the GOV.‌UK Design System” by @stevenjmesser

⚓️ https://nicolas-hoizey.com/links/2024/02/28/how-far-we-ve-come-what-it-would-mean-to-lose-the-gov-uk-design-system/

joelanman, (edited ) to webdev
@joelanman@hachyderm.io avatar

I think the GOV.UK Design System is very close to this. Widely tested, accessible, tech-agnostic, just needs to be more theme-able (edit - including internationalisation, thanks @whitingx )

https://bigmedium.com/ideas/a-global-design-system.html

whitingx,
@whitingx@mastodon.cloud avatar

@joelanman - I find the concept of a 🌐 Global interesting and have been following along with the discussions being led by @brad_frost.

Great to see a focus on in the plans but feels like we risk losing a lot of creativity and diversity by working from a standardised, homogenised system. 🤔

whitingx,
@whitingx@mastodon.cloud avatar

@joelanman -
Your example of the GDS as a frame of reference for this 🌐 Global Design System is a good call - but seeing the work³ done⁴ by various⁵ Orgs. required to extend this, and the reduction in support⁶ for other GovUK tools, also would be interesting to see more conversation to address how this Global Design System might be maintained and iterated on. 🤔

whitingx,
@whitingx@mastodon.cloud avatar

@joelanman - That's right, extensibility is certainly a positive thing. 👍

Issue I've seen though is that these changes made at an org. specific level rarely/never make it back upstream to the primary DS meaning we have further 🔀 fragmentation and disparity of approaches that become difficult/impossible to reconcile as projects progress. 🤔

As you say, these useful elements should make it back into the main DS but in regard to evidence and examples I've seen of this … ¯_(ツ)_/¯

whitingx,
@whitingx@mastodon.cloud avatar

@joelanman - That's really good to hear 👍

Out of interest - Do you know if the process to move elements/components back upstream to the GDS are documented anywhere? And if there are any examples/blog posts showing how this has worked to share with others? 🤔

cirrus, to Figma
@cirrus@mstdn.social avatar

Once again facing that classic conundrum: Theme and/or customize a 3rd party component library, or build one from scratch.

Actually, we need two component libs: A one for web products and a one for iOS & Android apps. We already have designs in and want to have parity in terms of design & naming across Figma, web & RN.

My gut and past experiences make me lean towards building from scratch.

What would you do and why?

nhoizey, to random French
@nhoizey@mamot.fr avatar
DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

The Nord Design System team are 🤏🏻 this close to wrapping up on the first iteration of a project we began building just over a year ago, a project that was designed to be Just The Beginning™ for Nordhealth's flagship product Provet Cloud https://provet.cloud

It's a project that's hugely benefitted from Nord, our dedicated for Nordhealth products https://nordhealth.design. Looking forward to sharing more of what @ariel, @elwinvaneede, @WickyNilliams and Eric have been working on 🔜

nhoizey, to random French
@nhoizey@mamot.fr avatar
nhoizey, to random French
@nhoizey@mamot.fr avatar
cirrus, to random
@cirrus@mstdn.social avatar

Starting a new job as Engineer at Investec today. 🚀

Sloshed some coffee on my sleeve twice already and haven't even made it to the office yet. Off to a good start then... 😜

odddev, to random
@odddev@hachyderm.io avatar

https://designsystems.surf is pretty cool. Good for everyone looking for references.

nhoizey, to random French
@nhoizey@mamot.fr avatar

🔗 “Introducing Spectrum 2: Our vision for the future of Adobe experience design”

⚓️ https://nicolas-hoizey.com/links/2023/12/14/introducing-spectrum-2-our-vision-for-the-future-of-adobe-experience-design/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • kavyap
  • thenastyranch
  • ethstaker
  • osvaldo12
  • mdbf
  • DreamBathrooms
  • InstantRegret
  • magazineikmin
  • Youngstown
  • ngwrru68w68
  • slotface
  • GTA5RPClips
  • rosin
  • megavids
  • cubers
  • everett
  • cisconetworking
  • tacticalgear
  • anitta
  • khanakhh
  • normalnudes
  • Durango
  • modclub
  • tester
  • provamag3
  • Leos
  • lostlight
  • All magazines