sturobson, to webdev
@sturobson@front-end.social avatar

Neat!

You can now buy passes to watch the talks from @Clarity_conf

https://ti.to/clarity/videos2023

🙏🖤

#DesignSystems #FrontEnd #WebDev #WebDesign

Jbasoo, to CSS
@Jbasoo@mastodon.social avatar

Arbitrary shade values usually go from lightest (100) to darkest (900), but shouldn't it be the other way around?

I've been playing around with the number being the lightness value in hsl/oklch and it seems to be fairly intuitive.

#CSS #DesignSystems

nathansmith, to CSS

🔥 CSS hot take: I'm beginning to think any design system that defines style values via anything other than CSS variables — ex: Sass, JavaScript, TypeScript — is essentially doing it wrong.

I am of the opinion that publishing a standalone file with all the CSS variables used in a project is probably the most widely compatible future-facing approach.

https://www.freecodecamp.org/news/what-are-css-variables-and-how-to-use-them/

Richr, to Typography
@Richr@mastodon.social avatar

✏️ Responsive typography and its role in design systems. What I'll be talking about at Patterns Day + 10% off voucher code!
https://clagnut.com/blog/2427

Richr, to design
@Richr@mastodon.social avatar

Early bird pricing for https://patternsday.com is now over... or is it?

If a day of design systems is your thing, join me for 10% off by using JOINRICHARD

I'll be talking about typography's role in design systems, but there's also folk from LEGO, UCL, the FT, government, and more.

changelog, to Figma
@changelog@changelog.social avatar

Emil from Figma & @jerod discuss just how common it is (or isn't) for orgs to have a Design System they can deploy across their software projects.

Does your org have one?

#figma #design #designsystems #development

🎥 https://youtu.be/qEjam-aEvJQ

lukasoppermann, to Typography

Nice by Matej https://betterwebtype.com/8-tips-for-remarkably-better-typography/

Working on you have to be a jack of all trades and typography is one of those trades.

When creating typestyles paying attention to font-weight in dark mode is a great tip.

Does anyone adjust type tokens depending on dark or light mode?

saila, to random
@saila@mastodon.social avatar

If you work on building, maintaining , or creating #DesignSystems, this database is a great reference tool — and it's searchable by component, concept, and of course, #DesignSystem

https://designsystems.surf/

didoo, to random

It's a long shot (hi to my 11 followers here 👋😀) but I am looking at existing literature on the topic of "System of systems" (in the specific context of #DesignSystems).

I have already read everything that Google returned me, and searched in Design System News (thanks @sturobson for your relentless work 🙏).

If you have any article, post, podcast, talk, video, anything you think I should read on the topic, can you share it with me? Thx 🙏

PS: boosts (retoots?) for reach are more than welcome 😉

mikemai2awesome, to accessibility
@mikemai2awesome@mastodon.social avatar

Fun challenge from the folks at CVS. Here’s a look at my Day 1 submission.

There is not enough context to annotate, and context is necessary in accessibility. I created my own context here, imagining this to be a persistent modal dialog.

#a11y #DesignSystems

https://www.figma.com/community/file/1312295624650916963

mikemai2awesome,
@mikemai2awesome@mastodon.social avatar

Day 2.

Assuming this to be the whole page, otherwise the H1 would be an H2 as a section heading.

#a11y #DesignSystems

https://www.figma.com/community/file/1312295624650916963

mikemai2awesome,
@mikemai2awesome@mastodon.social avatar

Day 3.

Probably would write better alt text given the full image.

Still debating if I should mark breadcrumbs as a nav landmark, I feel like I should but I see Gov.uk not doing it. Is it not that practical? Question for @joelanman, hehe.

https://design-system.service.gov.uk/components/breadcrumbs/

#a11y #DesignSystems

erikKroes, to accessibility
@erikKroes@mastodon.social avatar

✨ It's almost December, that special season! ✨

🎯 Let me help you hit those quarterly goals, KPIs and other targets.

🔀 Some client work just moved into the new year. That means I can jump right in and contribute to your targets.

Let's get together and:

🎃 Squash some issues

📈 Increase accessibility

🎯 Hit those targets!

Send me a message and let me ease your load. Get some extra hands to help you!

#accessibility #inclusiveDesign #designSystems

iamliam, to design

Do you ever hear the term “design language” these days? If so, what comes to mind?

#design #ux #designsystems

scidsg, to UX

Our open-source design system is a tool used in all of our web projects which allows us to put together a research-driven, deployment-ready site in hours rather than days or weeks.

🧠 Learn more about it here: https://github.com/scidsg/design-system/tree/main

#designsystems #ux #ui #interactiondesign #interfacedesign #nonprofit #opensource

bp, to random

It's been two weeks in a row, so we can now confirm: #DesignSystems office hours is apparently a high-value target for Hamas

davatron5000, to random
@davatron5000@mastodon.social avatar

Wonderful weekend read: @Amy_Hupe on #designsystems and burnout.

> As systems thinkers, we are hard-wired to keep our eye on the big picture, and all of the problems it contains.

https://amyhupe.co.uk/articles/burn-baby-burnout/

Amy_Hupe, to random
@Amy_Hupe@social.design.systems avatar

No one's going to read this at 6:45pm on a Friday night BUT I've just published a new blog post: Burn baby burnout.

It's based on my talk at @zeroheight's
and explores why design systems are so good at burning us out, and what to do about it

https://amyhupe.co.uk/articles/burn-baby-burnout/

accessamy, to accessibility

Cool tool shared by an attendee at WordPress Accessibility Day: Contrast Grid.

"Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast."
https://contrast-grid.eightshapes.com/

Could be a great helper when building out a color palette.

erikKroes, to accessibility
@erikKroes@mastodon.social avatar

🚀 I have limited availability for accessibility/design systems projects!

🧐 Read my blog on some things I've done recently, or contact me directly!

🙏🏿 Nothing I can do for you? Please share! I bet you know somebody!

https://www.erikkroes.nl/blog/accessibility-design-systems-and-management
#accessibility #designSystems

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Design Systems: Avoiding Common Pitfalls (9m) although design systems are important, they can introduce pitfalls that negatively impact teams and products. This article highlights some of those pitfalls and possible solutions.
https://www.viget.com/articles/design-systems-avoiding-common-pitfalls/
#DesignSystems

colepeters, to random

I feel like we need more coverage of humble everyday #designsystems in use at small to medium sized organizations. I think design systems folks are so inundated with ‘Here’s how we built a design system for Massive Multivertical Mega Corp' coverage that they internalize a need to 'live up to' that kind of system.

In my experience, most design systems do not have to be resilient to this kind of entropy. Most design systems do not need to operate at these scales. It can be simpler.

davatron5000, to accessibility
@davatron5000@mastodon.social avatar

Happy to finally say Luro is open for business 🚀🎉

  • Track your component adoption 📈
  • Lightning fast component import from Figma ⚡
  • Keep track of historical insights that inform your components and pages 🧠
  • Get weekly #a11y and #webperf data for every page ♿️ 🏎️

Sign up or go pro today https://luroapp.com/

davatron5000,
@davatron5000@mastodon.social avatar

A few lifetimes worth of consulting and #designsystems work has gone into building Luro. If you build for the web, we think it's something you're going to really love. Thanks again to everyone who has given feedback.

If all goes well, tomorrow I'll do a Twitch stream and give a little grand tour of how it all works. I can answer questions if you got 'em.

If you miss it, that's okay, I'll make it a regular thing and do more video content. Thanks and hope you find it useful.✌️🧡

LRL, to accessibility

There are many design systems from lots of banks and corporations appearing online that are touted as accessible. I have found accessibility issues with many of them. However none that I have viewed advise the developer to test for accessibility before implementing into production. #accessibility #designSystems

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

How Spotify’s Design System Goes Beyond Platforms (11min) https://www.figma.com/blog/creating-coherence-how-spotifys-design-system-goes-beyond-platforms/
Interesting cross-platform approach: they first design the component for all platforms at the same time, rather than designing for each platform individually. Also, design tokens, of course!
#DesignSystems #CrossPlatform

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