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
เธฃเธฑเธเธเธฒเธเธเธฃเธฐเธฃเธฒเธก2
Seen from Thailand
เธฃเธฑเธเธเธฒเธเนเธเธซเธฐเธเธฒเธเธเธฅเธต
Seen from Thailand
ladyboygold
Seen from Australia
momson
Seen from Algeria
dunedin
Seen from United States
CASnowstorm
Seen from United States
nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()+nolimit()*+filter:native_video
Seen from United States
Teenage
Seen from Brazil
sportybet
Seen from United States
ๅฎๆด็็ไธๆนๆจๆๆ็ฝฎ้กถ้พๆฅ
Seen from Indonesia
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