I'm experimenting on displaying media on Mastodon posts. Very long mobile posts or images with aspect-ratio of 2:3 that have more height than width are usually difficult to perceive on a busy feed. This change would make those long posts smaller while retaining the 1:1 or 16:9 posts as they are.
Here’s an interactive playground I made to experiment with a variety of color picker UIs and algorithms.
My design goal: a compact, intuitive set of color swatches covering the full range of possible colors. Some innovations: serpentine hue layouts, and optical intervals that emphasize useful hues.
I used this sandbox to design the new “hue-tone” picker for the upcoming V3.0 of my Mind Magnets list-making app for iPhone/iPad. #MindMagnets#ColorTheory#UIdesign
A rectangular layout is great for limited UI space, but here’s a “quantized” variation on a traditional triangular HSV color picker. The hue hexagon makes primaries and secondaries easy to find. #ColorTheory#UIDesign
I already reshared this as a legit reshare but since there are parts of the fediverse Friendica talks to that won't get it correctly or at all since it is PeerTube I wanted to share it directly too. As much as I love using Dart/Flutter for development I am not nor have ever been good at making nice looking UIs. I'm more of an engineer/backend type for my entitre career so focusing on front end work is new to me. I haven't found a good book on how to make nice looking UIs so try to leverage Material Design defaults as much as possible which is okay but blah. Tutorials like this really help me spread my wings on this topic. Thanks @myracle ! #flutter#UIDesign#programming
Latest Mastodon Bird UI 2.0.0rc adds proportions for the new copy icon in profiles. Often times the icons seem too big in relation to each other in the default UI.
Please note v2.0.0rc is only supported by the bleeding edge (main/v4.3.0-alpha.0), it's a pre-release for the upcoming major Mastodon version.
Designers and developers... if you need to measure, inspect, and test on-screen graphics, you can get 60% off of xScope! Sale ends TODAY🔥. Get the deal here: https://xscopeapp.com/ using code: 20FOR20. #design#development#uidesign#webdesign
If you’re a designer or developer who needs to measure, inspect, and test on-screen graphics, xScope is on sale through Monday for $20! That’s 60% off!!! Get the deal here: https://xscopeapp.com/ using code: 20FOR20 #design#development#uidesign#webdesign
Figma help needed! Sort of. I have some colleagues who will be using Figma for the first time soon. Do you have any Figma introductory courses or resources that you can recommend?
I specifically would like ones you know are good - from doing them or people recommending them. (I have of course used search engines myself already)
We're celebrating with $20 licenses. That's 60% off!!! Get the deal here: https://xscopeapp.com/ using code: 20FOR20. If you know designers and developers who needs a powerful set of tools to create precise on-screen graphics please boost or share.
Twitterrific for Twitter, developed @Iconfactory / @chockenberry (screenshots 2010) New tweet modal Header: “close” button (left), New Tweet (middle), blue “send” button (right) Large text field with character count and option to add photos. Keyboard is up.
Twitterrific for Twitter, developed @Iconfactory / @chockenberry (screenshots 2010) Side menu “Accounts” back button (left), account name (middle) “edit” button (right) All tweets Mentions Messages Favorites Search twitter Recent searches Lists
Twitterrific for Twitter, developed @Iconfactory / @chockenberry (screenshots 2010) App demo