Top Tweets for #GUIchallenges
I somehow just discovered @argyleink's #GUIchallenges through @_davideast's tweet, and hot damn this is amazing https://t.co/3SNE69O6fz
๐ episode of #GUIchallenges
thinking on Adaptive Typography
โฎ user contrast preferences aren't always about color ๐ค
https://t.co/IXdUOFFayw
Inspired by @argyleink's latest #GUIchallenges, I created this morphing button, no View-Transitions this time, but with a little 'twist' ๐
Live demoย @CodePen: https://t.co/VblFUUKNxs
Link to Adam's video: https://t.co/tS07x1Ei9K
๐ #GUIchallenges
HDR Color Palettes ๐ค๐ป๐
- okLCH
- wide gamut HDR
- adapts to any hue
- great contrast pairs
https://t.co/1XaPXs1dU4
Let's get spooky with transitions! ๐๐
In this Halloween-themed #GUIChallenges, @argyleink shows how to create nice transitions using CSS clip-path.
Learn the syntax, about performance implications and how to set up your transitions, right here โ https://t.co/WqNrNsjte8
๐ #GUIchallenges:
thinking on CAROUSELS ๐
โ
adaptive theme
โ
reduced motion
โ
RTL/LTR
โ
screen readers
โ
touch & keyboard
โ
animations
โ
and tons more
watch it https://t.co/JSjcghPS7d
try it https://t.co/LTVLlzMCWM
get source https://t.co/ZLp3nT3bxk
๐ #GUIchallenges: FABs
(floating action buttons)
๐ญ thoughts on focus orchestration
๐ญ thoughts on visual order vs document order
๐ญ thoughts on animation
โ
tips for interaction
.. and more!
Watch on YouTube https://t.co/YtyfqVbFAi
Try it https://t.co/OY0nAD0SNs
๐ #GUIchallenges
Thinking on styling `<button>` elements
I style all the web's different button types with custom properties and :where(), for light/dark adaptive buttons that are easy to make new variants with ๐๐ค๐ป
links to blog, youtube, and more ๐๐ป
๐ #GUIchallenges
Thinking on <dialog> components
how to add animation, events, light dismiss and more!
Blog's got all the details https://t.co/Dnr81RaKPj
YouTube overview https://t.co/hcyjoZq4F6
GitHub source https://t.co/Kp9LFXvBiD
Try it https://t.co/uuGfQNg6MO
Did you catch that the dialog element became stable in all modern browser engines this month? ๐
Here's a quick walkthrough video & demo to play with:
https://t.co/kOTbpREaUj
Webkit blog: https://t.co/S90169FjFi
MDN docs:
https://t.co/TZKL31hhWv
๐ #GUIchallenges
Building a light/dark adaptive SVG favicon
Watch โ https://t.co/n9DkJhxVUV
Read and build โ https://t.co/VqeCU4TS6p
Try a demo โ https://t.co/HTwR2JrrR3
Get the source โ https://t.co/4xuApwzT91
๐ #GUIchallenges
Thinking on ways to build Toasts
Toasts? ๐ค
passive, non-interactive UI feedback components ๐ค
โ
YouTube https://t.co/e44l6HnQJw
โ
https://t.co/SAa9fYaGhI post https://t.co/iOlD5lhjEF
โ
Demo https://t.co/wwjwOgJSZu
๐ #GUIchallenges
Thinking on ways to build a 3D menu
Watch โ https://t.co/dO0Tp7fc3m
Read along โ https://t.co/XhVydZVt3N
Try a demo โ https://t.co/5D03WgWP6R
Get the source โ https://t.co/GucbmWnZCl
Thought the Japanese translated version turned out super rad!
๐ #GUIchallenges ๐ฆ
ใฌในใใณใทใใช่คๆฐ้ธๆใฎ่งฃๆฑบ็ญใจใฏ ...
<fieldset> ใจใใงใใฏใใใฏในใฎใตใคใใใผใไฝฟ็จใใใฟใใใใใคในๅใใซใฏๆใใใใใง <select multiple> ใจ <optgroup> ใไฝฟ็จใใพใใใ๐ป
๐ฐ๐ https://t.co/V7VE0yjo7C
่จไบ https://t.co/EnHeafnebD
โปใชใณใฏๅ
ใฏ่ฑ่ชใงใ
@GrantGlidewell @jonshonric @jensimmons My #guichallenges are pretty advanced, #thecsspodcast goes deep too, but nothing will replace makin stuff, and then makin more stuff.
๐ #GUIchallenges ๐ฆ
responsive multi-select UX
Peep the video https://t.co/FtWcH0zT29
Read along https://t.co/IGpO8Wx3nh
Try the demo https://t.co/xFjrEWEWDQ
[video alt]
UX preview across MacOS Safari, iOS Safari (iPad and iPhone), Android Chrome, Firefox and desktop Chrome
๐ #GUIchallenges ๐ฆ
Thinking on ways to solve responsive multi-select.
Solution uses a sidebar of <fieldset>'s and checkboxes but collapses them into a <select multiple> with <optgroup>'s for touch devices. ๐ป
๐ฐ๐ https://t.co/tSFl3xor3R
Read along https://t.co/qGk8B9nsDX
@ericmikkelsen I have a #GUIchallenges on making accessible horizontal scrollers that can help answer this I think! https://t.co/eAPWs3nU6u
๐งโโ๏ธ zombified the #GUIchallenges avatar for the next episode muahahahaha
Catch upโฝ
๐๐ป https://t.co/vjXgqE2WBK
Last Seen Hashtags on Sotwe
Most Popular Users
Elon Musk 
@elonmusk
241.1M followers
Barack Obama
@barackobama
119.1M followers
Cristiano Ronaldo
@cristiano
112.4M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.1M followers
Rihanna
@rihanna
98.1M followers
NASA
@nasa
92.2M followers
Justin Bieber
@justinbieber
91.3M followers
KATY PERRY
@katyperry
88.7M followers
Taylor Swift
@taylorswift13
82.6M followers
Lady Gaga
@ladygaga
74.1M followers
Virat Kohli
@imvkohli
71.5M followers
Kim Kardashian
@kimkardashian
70.3M followers
YouTube
@youtube
68.7M followers
Bill Gates
@billgates
64.5M followers
Neymar Jr
@neymarjr
64.4M followers
The Ellen Show
@theellenshow
62.4M followers
CNN
@cnn
61.8M followers
Selena Gomez
@selenagomez
61.8M followers
X
@x
60.8M followers