WebAxe, to UIDesign
@WebAxe@a11y.info avatar

The Anatomy of Accessible Forms: The Problem with Placeholders https://www.deque.com/blog/accessible-forms-the-problem-with-placeholders/

rolle, to apple
@rolle@mementomori.social avatar

The very first MacPaint toolbar (1984).

SDF, to machinelearning
@SDF@mastodon.sdf.org avatar

SDF Plan 9 Winter 2024 Boot Camp registration is now open at https://sdf.org/plan9/

Join us Sunday February 11th for a Tea Note orientation and learn about Plan 9 in a friendly communal computing environment

Plan 9 2nd Edition bouncing pjw heads

hill, to UIDesign

Added an end meditation early feature to https://Zenti.app. Having some fun playing with the animation.

UI demo of Zenti

leaverou, to UIDesign
@leaverou@front-end.social avatar

What a fantastic way to present history: The Evolution of the Scrollbar

Interactive scrollbars you can actually play with from the very first (Xerox Star, 1981) until 2015.
https://scrollbars.matoseb.com/

h/t @karger

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Reflow Red Flags—common issues and solutions for WCAG 1.4 .10 https://www.tpgi.com/reflow-red-flags/

notnorm, to UXDesign
@notnorm@fosstodon.org avatar

Today, I heard that a client’s team has growing indicators that end users want less pages of minimal content and no scrolling (which leads to more clicks) and more single page, no click pages with lots of scrollable content. Has anyone heard similar inklings? Any UX/web designers seeing similar trends?

zeldman, to UIDesign
@zeldman@front-end.social avatar

UIUX: Evolution of the Scrollbar by Sébastien Matos.
Hat tip: Nikki Vias.

https://scrollbars.matoseb.com/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

We all love a good set of minimalistic icons, right? And when I say minimalistic, I mean, small ones that work at 16px size. If you haven't found the perfect one, I have 3 suggestions for you, for your next UI project:

  • Chunk Icons: a set of 600 cute little 16x16px icons for your projects, available in 3 different styles (filled, hollow and duo). I really love their chunky style here (under CC BY 4.0 license, made by Noah Jacobus)
    Figma file: https://www.figma.com/community/file/1327310800295849271
stephaniewalter,
@stephaniewalter@front-end.social avatar
  • Nova Icons: a premium set of 10,686 premium icons, crafted to insure consistency and adhere to material design guidelines, perfect for interface projects. You can get SVG and PNG from the site, or get the MacOS app, Figma or Lucidspark plugin (premium pack, made by streamline)
    Website: https://www.streamlinehq.com/icons/nova-line

Any cool minimalist set you use?

rolle, to UI
@rolle@mementomori.social avatar

I'm thrilled to see @Vivaldi included Mastodon Bird UI in Vivaldi Social. :bunhdheart:

"We’ve added two new sets of custom themes — Tangerine UI and Mastodon Bird UI. Both themes flip the interface to display the menu on the left side of the feed, keeping the posting and searching options on the right side."

https://vivaldi.com/blog/vivaldi-social-latest-update-built-in-translate-and-themes/

Alexis_Ids, to UXDesign French
@Alexis_Ids@mastodon.pirateparty.be avatar

(pas moi, c'est pour une amie sur un réseau propriétaire)

📌 /

"Je suis à la recherche d'un stage, sur et environs, pour me former en UX/UI Design.
Si tu connais des agences digitales/web, n'hésite pas à me les glisser en commentaires pour que je propose ma candidature.
Et si ta boite a un-e User Experience (UX) Designer et qu'il/elle adorerait former quelqu'un, dis le moi !
Je prends tous les plans, même ceux très bancals, parce qu'on sait jamais ! 😊"

🔁​ Repouets bienvenus
📨​ Me contacter par MP, je relaierai.

WebAxe, to UIDesign
@WebAxe@a11y.info avatar
inautilo, to design
@inautilo@mastodon.social avatar


Using CSS ‘font-variant-numeric’ · How to enable alternate numeric glyphs in some fonts https://ilo.im/15xsgp


dale_price, to UX
@dale_price@mastodon.online avatar
box464, to hulu
@box464@mastodon.social avatar

This little UI design quirk in Hulu has bothered me for ages. It’s impossible to tell, but there are two other profiles ABOVE the current selection. But nothing visual telling you that’s true.

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Designing better target sizes https://ishadeed.com/article/target-size/ 👈 Excellent resource!

macberg, to Futurology
@macberg@mastodon.online avatar

Here are some personal thoughts on , , , , , , , etc. Feel free to disagree but these are my thoughts, or rather a couple of small parts of my thoughts.
🧵 1/8

OldSchoolUI, to UI
dennisl, to accessibility
@dennisl@mastodon.social avatar

16 Lesser Known Accessibility Issues [and Tips]

https://toward.studio/latest/16-lesser-known-accessibility-issues

"12. Don’t hide labels. Ever."

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Results of survey on native mobile apps by Fable:
https://makeitfable.com/insights/insights-mobile-accessibility/

The most frequently mentioned accessibility barriers:
-Unlabelled buttons or links
-Small buttons or links
-Gestures required to interact
-Parts of the screen blocked
-No error messages
-Not able to resize text
-Not able to pinch and zoom

It's a shame that web designers and developers still can't get basics like buttons and links right.

CrystalLora, to UIDesign German

Mich interessiert eine Umschulung zu UI/UX Designer Kann wer Anbieter empfehlen, die Umschulungen anbieten?

WebAxe, to accessibility
@WebAxe@a11y.info avatar
OldSchoolUI, to UI

Apple Podcasts app, developed in-house (circa 2012)

Archived App Store:
https://web.archive.org/web/20120925125627/http://itunes.apple.com/us/app/podcasts/id525463029?mt=8

App Store:
https://apps.apple.com/us/app/apple-podcasts/id525463029

Reviews:
https://www.wired.com/2012/06/apple-podcasts-app/

https://www.theverge.com/2012/6/26/3118820/apple-podcasts-app-release

https://www.macstories.net/reviews/podcasts-impressione/

Tape Recorder Inspiration:
https://www.cultofmac.com/176008/heres-the-braun-tape-recorder-that-inspired-apples-podcasts-app-gallery/

https://fontsinuse.com/uses/6947/braun-tg-60-tape-recorder

https://www.jorgefino.com/?itemId=9qbq0pkuaplseaiuw5fl5vfxiitrzv


Apple Podcasts app, developed in-house / Jorge Fino (circa 2012) Podcasts player screen Top header: Back arrow button, Episode and title of podcast (center), menu icon skeuomorphic tape player based on Braun TG 60 tape recorder bottom controls for listening rewind, go back 30 sec, pause, go forward 30 sec, fast forward volume slider
Apple Podcasts app, developed in-house / Jorge Fino (circa 2012) Podcasts Top Stations section Top header: Back arrow button to Catalog, switch to go between volume or airplay, now playing forward button News and Politics section Scrolling large image list view with images of podcast covers: BBC World Service displayed. bottom tab bar: Podcasts, Top Stations (selected)

Apple Podcasts app, developed in-house / Jorge Fino (circa 2012) Podcasts player screen Top header: Back arrow button, Episode and title of podcast (center), menu icon skeuomorphic tape player based on Braun TG 60 tape recorder animated

rolle, to UIDesign
@rolle@mementomori.social avatar

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.

editionsburnaout, to design Spanish
@editionsburnaout@piaille.fr avatar

En résidence au , ça fait du @penpot à mille à l'heure !

(cc @timotheegoguely, faudra que tu nous partages tes meilleurs tips à l'occasion !)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • rosin
  • thenastyranch
  • Durango
  • DreamBathrooms
  • ngwrru68w68
  • magazineikmin
  • cisconetworking
  • Youngstown
  • mdbf
  • slotface
  • osvaldo12
  • GTA5RPClips
  • kavyap
  • megavids
  • InstantRegret
  • everett
  • cubers
  • vwfavf
  • normalnudes
  • tacticalgear
  • tester
  • ethstaker
  • khanakhh
  • modclub
  • Leos
  • anitta
  • JUstTest
  • All magazines