Clarity is a user-focused, framework-independent, accessible, enterprise-ready, and open source design system. Check it out 👇
United States
Joined October 2016
- Tweets691
- Following29
- Followers2.2K
- Likes560
Pinned Tweet
Clarity 5.4.0 is out!
🚀 a new table component
🚀 customizable modal overflow
🎉 Upgrade @cds/angular to ng12 ➡️@clr/angular coming soon
🛠️ style fixes for core button ➡️ thx @astorije
Find all release notes here: clarity.design/releases/v5/
Clarity Design System retweeted
Build your own @Angular apps with Clarity; a scalable, customizable, #OpenSource design system. It provides high quality UI components to build applications with ease!
Developer at @vmware and #GDE @gnomeontherun shares in Google Dev Library.
📖 → goo.gle/3D0I2oy
ALT Image with text reads 'Google Dev Library Clarity Design System tags GitHub, Angular written by Jeremy Wilken Google Dev Library Author Spotlight'
Clarity Design System retweeted
"...at some point, users are going to do things that are wrong. It's not our job to prevent them from doing those things. It's our job to give them tools that make it as easy as possible for them to do things that are right." #designSystems abeautifulsite.net/posts/emp…
Clarity Design System retweeted
Project Shoutout - Clarity 🥳
@VMwareClarity is an open-source design system that brings together UX guidelines, design resources, and coding implementations with Web Components.
#opensource #DEVCommunity #100DaysofCode #Programming
loom.ly/k6U6RGg
Clarity Design System retweeted
Yup 100% agree. Either de-dupe dependencies or scope all elements. Unfortunately not all teams agree when it comes to integration with micro-frontends 😟
Clarity Design System retweeted
Clarity 5.4.0 is out!
🚀 a new table component
🚀 customizable modal overflow
🎉 Upgrade @cds/angular to ng12 ➡️@clr/angular coming soon
🛠️ style fixes for core button ➡️ thx @astorije
Find all release notes here: clarity.design/releases/v5/
Check out the latest Clarity release at clarity.design/releases/v5/ it has new #webcomponent things like cards and breadcrumbs so you can find your way 🗺
Clarity Design System retweeted
Excited to see @VMwareClarity on this list and proud of all the hard work from the team! Thank you @buildWithLit for providing fantastic tools!
lit.dev #builtwithlit #webcomponents
Clarity Design System retweeted
Lean more about how design systems can start small and grow into something with big impact🏆
@VMwareClarity
⚡️NEW POD⚡️ @jaffoneh from @splunk and @mathis_scott from @vmware chat open-source, token magic, and the glue holding components and patterns together with @chrisstrahl
designsystemspodcast.com/epi…
Clarity Design System retweeted
⚡️NEW POD⚡️ @jaffoneh from @splunk and @mathis_scott from @vmware chat open-source, token magic, and the glue holding components and patterns together with @chrisstrahl
designsystemspodcast.com/epi…
Clarity Design System retweeted
Thank you all who attended my talk at #UofIWebCon about UI Performance with Web Components and @VMwareClarity !
Slides:
bit.ly/3mzbpa3
Clarity Design System retweeted
Up next: @StanimiraVlaeva talks about generating #code with #Angular schematics 🙌
Join us in 15 minutes and learn from this @GoogleDevExpert for Angular, Software Engineer at @VMwareClarity, & @NativeScript Technical Steering Committee.
👉 hubs.li/H0JTmdt0
#wearedevs
Clarity Design System retweeted
Working on a 2021 updated edition of my ebook/course webcomponent.dev So many cool new updates! Lots of stuff on CSS theming using CSS Custom Properties and CSS Part APIs.
Good DX ➡️ good UX
Want a sneak peek of some of the work we’re doing to improve Developer Experience (DX) @VMware, see behind the scenes tech we’re planning on releasing this year for everyone. youtu.be/X0_9AqIOugk
Clarity Design System retweeted
We follow this pattern extensively in @VMwareClarity It cleans up a lot of code and makes the styles much more manageable.
#litelement tip of the day:
Handle your #webcomponent's state in #CSS by reflecting attributes and selecting them on `:host`.
Do more with CSS and less with #JavaScript!
![class StateInCSS extends LitElement {
static readonly styles = css`
:host([disabled]) {
pointer-events: none;
}
`;
@property({ type: Boolean, reflect: true }) disabled = false;
}](https://pbs.twimg.com/media/Ewg0oRiU8AUQIwC.jpg?name=orig)
ALT class StateInCSS extends LitElement { static readonly styles = css` :host([disabled]) { pointer-events: none; } `; @property({ type: Boolean, reflect: true }) disabled = false; }
Clarity Design System retweeted
We use them for the @VMwareClarity design system @VMware with lots of success. Helps with a11y and consistency. Also see a large adoption in companies using them for "micro-frontends" clarity.design/
My main wish list is for the AOM APIs
Today is release day 🎉 ... Clarity v5 is live and it includes ...
🕸️ A new website
🧰 Core enhancements: components, themes, design tokens & i18n
🧰 Clarity Angular components updated for Angular v11
Get the release details at clarity.design/releases/v5/
Clarity Design System retweeted
Level Up Your Application by Adopting Clarity Core @VMwareClarity link.medium.com/puV5n7T2fcb
