design_law, to UIDesign
@design_law@mastodon.social avatar

I know there are a lot of tech-savvy people in the fedi. Help me out?

What do you think of the USPTO's assertion that an icon or a GUI "an integral and active component in the operation of a COMPUTER"?

See
https://www.federalregister.gov/public-inspection/2023-25473/guidance-examination-of-design-patent-applications-related-to-computer-generated-electronic-images?utm_campaign=subscriptioncenter&utm_content=&utm_medium=email&utm_name=&utm_source=govdelivery&utm_term=

Would it be more accurate to say that an icon or a GUI "an integral and active component in the operation of a certain piece of SOFTWARE"?

Is this a distinction without a difference?

#UIDesign #UXDesign #UIUX

aegir, to Figma
@aegir@toot.wales avatar

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)

Boosts welcomed!

jerome_herbinet, to linux French
Iconfactory, (edited ) to design
@Iconfactory@iconfactory.world avatar

:xscope_app: xScope turns 20 today! https://blog.iconfactory.com/2023/11/happy-anniversary-xscope/

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.

OldSchoolUI, to UI

Twitterrific for Twitter, developed @Iconfactory / @chockenberry (screenshots 2010)

Archived site:
https://web.archive.org/web/20090707104127/http://twitterrific.com/iphone

Archived App Store:
https://web.archive.org/web/20100725173726/itunes.apple.com/us/app/twitterrific-for-twitter/id359914600?mt=8#

Developer site:
https://apps.iconfactory.com/

Reviews:
https://www.macstories.net/reviews/twitterrific-4-1-for-iphone-ipad-unifies-mac-ios-experience/
https://daringfireball.net/linked/2012/08/17/twitterrific
https://furbo.org/2012/12/06/behind-the-app-twitterrific-5/

Apple Design Award:
https://blog.iconfactory.com/2008/06/iconfactory-honored-with-apple-design-award/

Shutting down:
https://twitterrific.com/beyond

Videos:
https://files.iconfactory.net/downloads/Twitterrific_tutorials/


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

WebAxe, to UIDesign
@WebAxe@a11y.info avatar
WebAxe, to UIDesign
@WebAxe@a11y.info avatar
WebAxe,
@WebAxe@a11y.info avatar
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.

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


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.

#darkMode #lightMode #perfersDark #html #css #panic #nova #webDesign

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

#Finder #MacOS #Apple #CSS #HTML #codepen #UIDesign

Sketch, to UIDesign

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.

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

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
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.

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 .

umurgdk, to SwiftUI
@umurgdk@mastodon.social avatar

I'm an iOS/macOS developer with more than 10+ years of software development experience (in different development areas). I've ~3 years of experience in , , and , and system design. I appreciate collaboration and team work (in the real sense).

I'm open for both remote and onsite (hybrid) positions. I would appreciate if you could boost this post, I'm in critical need for a job at the moment.

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.

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.

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