mastodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance, open to everyone, but mainly English and French speaking.

Administered by:

Server stats:

737
active users

#patternfly

0 posts0 participants0 posts today

Do you work in #UserExperience or #InterfaceDesign?
Have experience with #designthinking methodologies or other aspects of #UX?

Bring your ideas to #DevConf_CZ 2025, share your knowledge on how to create seamless, intuitive, and impactful user experiences, and let's explore the digital strategies that shape #userinteractions together!

Submit your proposal at pretalx.devconf.info/devconf-c

#Patternfly, #UI, #Interfaces, #Prototyping, #Wireframe, #UserEngagement

Continued thread

Bonus: Here is a 2024 vs. 2022 comparison (#Patternfly v4 vs v6, I think!). Even though this is swapping out a lot of components under the hood, the actual layout itself is essentially unchanged (some new icons and fonts, border radiuses etc.). That's what I like so much about this UI framework in particular - it's always evolving but rarely breaking large layouts like this :)

I wondered how OKLCH and CSS custom property fragments would work with a complete palette.

Demo, using the PatternFly color palette: codepen.io/garrett/pen/QWYmvzy

I started with the medium blue, then adjusted lightness and chroma to simulate the PatternFly blue color. Then, I ported the medium variant from the rest of the palette for each color and set the hues for each. Then: Alpha @ 50%, for fun.

(Reference PatternFly color palette is @ patternfly.org/design-foundati BTW)

codepen.ioPatternFly color palette as oklch, using CSS custom property fragments...
#CSS#OKLCH#color

I've been reworking my skunkworks design library for all day, to make it take advantage of the flex autolayout... with the intent of making higher fidelity mockups for PatternFly apps (notably: @Cockpit) much easier and more quickly, all in FOSS tooling.

Happy to report that @penpot's new flex layout abilities are amazing. ✨