WebAxe, to UIDesign
@WebAxe@a11y.info avatar

Burn your toast 🔥 "If you care about your communication, don't use toast. And if you don't, still don't use it because you'll give people anxiety." https://www.erikkroes.nl/blog/burn-your-toast/ by @erikKroes

rolle, to mastodon
@rolle@mementomori.social avatar

It's the simple things I like to improve in the UI. Instead of having the same colors and logic for each icon, it should be clear what have been chosen and what not.

This is one of the many things I have improved in Mastodon Bird UI. I use lists a lot. Checkmark for the added user quickly tells you what is going on. Hovering the icon changes it to red cross, so you'll know what is happening.

The change is live in the 2.0.0rc pre-release (for the upcoming 4.3.0 only).

WebAxe, to UIDesign
@WebAxe@a11y.info avatar

November Accessibility Focus: Color Contrast (explained, tools, articles) https://blog.pope.tech/2022/11/08/november-monthly-focus-low-contrast/

inautilo, to design
@inautilo@mastodon.social avatar


Let’s reinvent the wheel · Dear web industry, what is wrong with you? https://ilo.im/15ei84

“Figma and Photoshop are for people who believe the web looks like an image.” — Vasilis van Gemert


WebAxe, to accessibility
@WebAxe@a11y.info avatar

Accessibility and Inclusivity: Study Guide https://www.nngroup.com/articles/accessibility-inclusivity-study-guide/ A nice collection of articles from NNGroup.

Luke, to webdev
@Luke@typo.social avatar

Just got totally distracted. Someone slap me out of it!

Also, finally exploring dark and light themes, obv.

html css mac classic OS6 light mode

Luke, (edited )
@Luke@typo.social avatar

Okay, here's the pen for you to pick apart and use wherever. Caution, it's not production code.

https://codepen.io/luxuryluke/pen/xxMZVvV

WebAxe, to UIDesign
@WebAxe@a11y.info avatar
WebAxe,
@WebAxe@a11y.info avatar
minybolito, to UIDesign
@minybolito@peculiar.florist avatar

CozyFish UI - Gitlab → voici la page Gitlab de mes fichiers custom CSS et thèmes pour Firefish ​:chick_aww:​

Les 2 ont été créés pour aller ensemble mais le custom CSS fonctionne normalement très bien avec les autres thèmes par défaut de Firefish (j'utilise les variables de couleurs dans le css)

Vous pouvez me conseiller, me réprimander parceque j'ai mal fait la page gitlab, contribuer (en rendant le code plus propre ou en ajoutant des fonctionnalités), ou partager si le projet vous plaiiit ​:boost_requested:​

screenshot de ma tl Firefish, avec mon thème CozyFish, aux couleur chaudes et mon custom CSS, en dark mode
screenshot d'une publication-réponse, boosté par quelqu'un. Il y a un effet 3D pour montrer que la publication a été boosté
Screenshot des designs des hashtags et liens de mon custom CSS. le fond est de la même couleur que le texte, avec une opacité plus faible et les bords arrondis

wscourge, to CSS

For the sake of browsers default scroll overflow, pay attention to your website's <html /> and <body /> elements backgrounds.

It should be the same colour as the Navbar and the Footer elements, otherwise it looks just bad.

Details matter in .

video/mp4

Sketch, to UIDesign
@Sketch@mastodon.design avatar

The very talented Wayne Roger recreated a Dieter Rams clock, but can you guess which is the real deal, and which was made with Sketch? Let us know your guesses 👀

Image of a Dieter Rams clock displaying the time 15:40.

WebAxe, to webdev
@WebAxe@a11y.info avatar
WebAxe, to accessibility
@WebAxe@a11y.info avatar

Web Accessibility Perspectives Videos: Explore the Impact and Benefits for Everyone
https://www.w3.org/WAI/perspective-videos/

hill, to UIDesign

Made a little bouncy SVG loading animation. This was my first time actually writing pure SVG animation code instead of using a library. Was surprised at how easy/powerful it is. This article from @SaraSoueidan was super helpful https://css-tricks.com/guide-svg-animations-smil/. Check out the code here: https://codepen.io/patrickhill/pen/MWZMLbo

loading ui animation

dennisl, to UX
@dennisl@mastodon.social avatar
WebAxe, (edited ) to accessibility
@WebAxe@a11y.info avatar

Wanted: Design Lead, SME at Ad Hoc (remote, US) https://www.linkedin.com/jobs/view/3721973046/

design_law, to UXDesign
@design_law@mastodon.social avatar

Shunock v. Apple - New complaint alleging infringement of several design patents for GUI designs:

https://design-law.tumblr.com/post/730800723415171072/does-this-gui-infringe-these-design-patents-those

This plaintiff appears to be laboring under the .

hill, to UIDesign

Trying to decide between error message summary format.

First has message at top. Page would scroll up on form submit.
Second has message show right above buttons.
Button container sticks to bottom of screen on scroll.
I like the message showing right above buttons because you'd see it right where you clicked but concerned it would cover too much of the page, especially on mobile.

wagesj45, to StableDiffusion
@wagesj45@mastodon.jordanwages.com avatar

God bless #stablediffusion. Look at this potential rework of the X-Box interface. It's beautiful. Someone get this to Microsoft. @shanselman put this in front of your work friends. Someone get Steve Balmer on the line. This is important. Some art designer please fine tune this with some real icons and fonts and stuff. This could be your magnum opus.

#ui #gui #xbox #uiframework #userunterface #design #retroui #uidesign #designinspiration #gameconsole #uxdesign #graphicdesign #steveballmer

wagesj45, to UI
@wagesj45@mastodon.jordanwages.com avatar
rolle, to UI
@rolle@mementomori.social avatar

Mastodon UI vs. (dark mode). Personally can't live without any more.

Mastodon Bird UI screenshot, explore tab.

SirTapTap, to UX
@SirTapTap@mastodon.social avatar
seanrucker, to SwiftUI

🤔 Did you know has container views called Form and Section? I put them to use in @judoapp to recreate (part of) the Apple Settings app with a working wi-fi selector and Airplane Mode toggle.

video/mp4

WebAxe, to accessibility
@WebAxe@a11y.info avatar
notbobbytables, to UIDesign

Apparently, when saving an image with Firefox running under KWin / Wayland, I am supposed to enter the filename into the window decoration (aka title bar) now.

I stand by my opinion: Client-side window decorations are a bad idea for two major reasons: They add inconsistency and make it more inconvenient to kill frozen graphical applications.

Regarding inconsistency: Other applications on my systems have a close button at the top right, drawn by the window manager. When my muscle memory guides me to click that button, I expect the application to be closed or the current dialog to be cancelled. Here I have the save button, doing quite the opposite of cancelling the current action. Apart from that, it looks completely different from every other window decoration – not to say it looks uglier either.

Regarding killing frozen applications: KWin has this nice feature to pop up a dialog asking users whether they want to kill the application, when they click on the close button and the application does not respond. This obviously cannot work with client side decorations. While that's just an inconvenience to me, it might be a bigger problem for novice users.

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