Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
en.osm.town is one of the many independent Mastodon servers you can use to participate in the fediverse.
An independent, community of OpenStreetMap people on the Fediverse/Mastodon. Funding graciously provided by the OpenStreetMap Foundation.

Administered by:

Server stats:

268
active users

en.osm.town: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#patternfly

0 posts0 participants0 posts today
DevConf.CZ<p>Do you work in <a href="https://fosstodon.org/tags/UserExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserExperience</span></a> or <a href="https://fosstodon.org/tags/InterfaceDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InterfaceDesign</span></a>?<br>Have experience with <a href="https://fosstodon.org/tags/designthinking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designthinking</span></a> methodologies or other aspects of <a href="https://fosstodon.org/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a>? </p><p>Bring your ideas to <a href="https://fosstodon.org/tags/DevConf_CZ" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevConf_CZ</span></a> 2025, share your knowledge on how to create seamless, intuitive, and impactful user experiences, and let's explore the digital strategies that shape <a href="https://fosstodon.org/tags/userinteractions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>userinteractions</span></a> together! </p><p>Submit your proposal at <a href="https://pretalx.devconf.info/devconf-cz-2025/cfp" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pretalx.devconf.info/devconf-c</span><span class="invisible">z-2025/cfp</span></a></p><p><a href="https://fosstodon.org/tags/Patternfly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Patternfly</span></a>, <a href="https://fosstodon.org/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a>, <a href="https://fosstodon.org/tags/Interfaces" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Interfaces</span></a>, <a href="https://fosstodon.org/tags/Prototyping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Prototyping</span></a>, <a href="https://fosstodon.org/tags/Wireframe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wireframe</span></a>, <a href="https://fosstodon.org/tags/UserEngagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserEngagement</span></a></p>
Martin Pitt<p>Today at <span class="h-card" translate="no"><a href="https://mastodon.social/@redhat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>redhat</span></a></span> we had a <a href="https://fosstodon.org/tags/DayOfLearning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DayOfLearning</span></a> ! I had lots of fun brushing up my knowledge of web components and dipping my toe into <a href="https://fosstodon.org/tags/PatternFly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PatternFly</span></a> elements, creating a starter-kit fork which uses that, and starting to work on a new "&lt;Alert&gt;" component.</p><p> <a href="https://piware.de/post/2024-11-08-patternfly-elements/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">piware.de/post/2024-11-08-patt</span><span class="invisible">ernfly-elements/</span></a></p><p><a href="https://fosstodon.org/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a> <a href="https://fosstodon.org/tags/PatternFly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PatternFly</span></a> <span class="h-card" translate="no"><a href="https://fosstodon.org/@Cockpit" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Cockpit</span></a></span></p>
Jens Reimann<p>Yay, <a href="https://mastodon.dentrassi.de/tags/PatternFly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PatternFly</span></a> <a href="https://mastodon.dentrassi.de/tags/Yew" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Yew</span></a> learned a few new card tricks, thanks to a contribution! ❤️</p><p><a href="https://patternfly-yew.github.io/patternfly-yew-quickstart" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">patternfly-yew.github.io/patte</span><span class="invisible">rnfly-yew-quickstart</span></a></p>
Garrett LeSage<p>I wondered how OKLCH and CSS custom property fragments would work with a complete palette.</p><p>Demo, using the PatternFly color palette: <a href="https://codepen.io/garrett/pen/QWYmvzy?editors=1100" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/garrett/pen/QWYmvzy</span><span class="invisible">?editors=1100</span></a></p><p>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.</p><p>(Reference PatternFly color palette is @ <a href="https://www.patternfly.org/design-foundations/colors/#patternfly-palettes" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">patternfly.org/design-foundati</span><span class="invisible">ons/colors/#patternfly-palettes</span></a> BTW)</p><p><a href="https://mastodon.xyz/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.xyz/tags/OKLCH" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OKLCH</span></a> <a href="https://mastodon.xyz/tags/color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>color</span></a> <a href="https://mastodon.xyz/tags/PatternFly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PatternFly</span></a></p>
ExploreLive feeds
About