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

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.

OldSchoolUI, to UI
Sketch, to random

Hey Mastodon 👋

We’re super excited to be here and connect with our amazing community. Give us a follow for the latest Sketch updates, useful tips, and inspiring designs! ✨

stvfrnzl, to UX
@stvfrnzl@mastodon.online avatar

My lovely wife is looking for her first job as #ux and #ui #designer and I would deeply appreciate a boost (here or on #LinkedIn) if you know someone who might be interested in hiring her.

I switched industries a couple years ago and it's tough to find your first job without any proper experience, took me 5 months. Maybe it will be faster for her. 🙂

https://www.linkedin.com/posts/nmk_uxdesign-uidesign-careerchange-activity-7102916429674344448-dVnY?trk=public_profile_post_view

Boosts for bigger reach appreciated! ✌️

#OpenToWork #Design #UxDesign #UiDesign #JobSearch

jerome_herbinet, to linux French
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!

Niina, to Figma Finnish

Has anyone here used Figma? What to do when there is no Add Flow Starting Point? Currently I can only have one flow and need multiple.

cody, to kbinDesign
cody avatar

Slowly but forward. Main pages with no content, but they are there. Blog without pagination, but it works. Currently, the font jumping on swap annoys me the most.

Lanfingpage

rolle, to webdev
@rolle@mementomori.social avatar

Here are some of the most prominent features of 1.5.6rc3 advanced web interface.

OldSchoolUI, to UI

Reeder, developed by @rizzi (screenshots circa 2010)

Archived website: https://web.archive.org/web/20100829025853/http://reederapp.com/2/features

Current website: https://reeder.app/

Archived App Store: https://web.archive.org/web/20100819132420/http://itunes.apple.com/us/app/reeder/id325502379?mt=8

Reviews:
https://www.macstories.net/iphone/reeder-the-new-best-rss-reader-for-iphone/

https://techcrunch.com/2010/03/28/iphone-reeder-google-reader-rss-feeds/

https://www.macworld.com/article/206992/reeder.html

Reeder, developed by @rizzi (screenshots circa 2010) Unread screen - list view of sections, sorted by date. Cream textured paper-like skeuomorphic background. Saturday, March 20, 2010 ----------------------------- Wired Top Stories Review: 'Hubble 3D' Takes You on Beautiful, Brief Space Journey Immerse yourself in vivid intersellar visu... Daring Fireball OmniGraphSketcher My thanks to the Omni Group for sponsoring this week's DF's RSS feed to... Friday, March 19, 2010 ----------------------------- Daring Fireball Apple Invites Developers to Submit iPad Applications to App Store Submissions in by March 27 "will be con... Coding Horror Complied or Bust? While I may have mixed emotions
Reeder, developed by @rizzi (screenshots circa 2010) Feed screen - list view of posts, sorted by unread and date. Cream textured paper-like skeuomorphic background. Unread ----------------------------- Thursday, March 18, 2010 10:21 Touchscreen Games: Use Analog Stick Instead of D-Pad Directional pads work well on consoles... Friday, March 12, 2010 10:19 Matt Legend Gemmell on Engineer Thinking Matt Legend Gemmell:... Marco Marmet on Overdoing the Interface Metaphor Marco Arment:... Thursday, March 11, 2020 11:03 Code Bubbles Note: This blog post contains video or JavaScript effects that are illegal in RSS...
Reeder, developed by @rizzi (screenshots circa 2010) Starred screen - with custom open with /share with bottom overlay. Cream textured paper-like skeuomorphic background. Open with/Share with options Note, Share, Delicious, Pinboard, Instapaper, ReadItLater, Twitter, Safari, Copy Link, Mail Link, Mail Article, Mobilizer

Shadow, to CSS

So I played around some more with integrating with existing selectable site theme by @stux's Bird-UI-Theme-Admins from the creator of , @rolle.

Added some dashes of custom CSS colours from Material Design to the admin dashboard.

I will probably be criticized for the choose of colours. 😅

Already tired of seeing too much whites. 😛

minybolito, to UIDesign
@minybolito@peculiar.florist avatar

hey ! je crois que je suis sur quelque chose que j'aime bieng !
le dégradé un peu grainy, le post parent qui est réduit et transparent, le label de boost que j'ai poussé un peu vers la gauche pour épouser la pdp et j'ai enlevé la date du boost ​:abunhdhappyhop:​

mon feed firefish avec mon custom css. le boost de publication est coloré avec un dégradé rose vers noir. le parent de la réponse est en opacité faible pour plus de lisibilité

minybolito, to UIDesign
@minybolito@peculiar.florist avatar

Toutes mes customs sont sur cette page

Soucis et solutions pour Firefish

Vous y trouverez mes thèmes, codes CSS et les problèmes que je rencontre avec Firefish (expérience, bug, etc)

Si vous avez aussi des soucis ou des solutions, vous pouvez m'envoyer un MP ou répondre à ce post pour que je les ajoute ​:ablobcat_sip_zoom:​

​:boost_requested:​

#UiUx #UiDesign #Ui #Ux #CustomCSS #Firefish #UserExperience #CSS #Fediverse #Design

inautilo, to design
@inautilo@mastodon.social avatar


OddContrast · A color contrast checker for modern CSS color formats https://ilo.im/14n579


design_law, to UIDesign
@design_law@mastodon.social avatar

Question for the web design people in the fedi: Is anything shown in (the solid lines in) this drawing something you'd refer to as a "breadcrumb"?

https://mastodon.social/@meredithlowry/112321242194162393

#UIUX #UIDesign #WebDesign

trixter, to retrogaming
@trixter@retro.pizza avatar

I forgot that Sony chose violence with the PSP keyboard.

Mehrad, to UIDesign
@Mehrad@fosstodon.org avatar

I've been using :AntennaPod: @AntennaPod for some years now and It's truly a legend in podcast world, but it suffers from one single and very tiny UI design flaw (which is understandable in such FLOSS and volunteer-based projects): some buttons are virtually hidden unless you know where to look for them.

One of the features that many podcast apps have is the ability to archive podcasts (i.e out of sight, out of mind, but keep my stats and progress).


🧵👇🏼

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

inautilo, to design
@inautilo@mastodon.social avatar

#Design #Tools
Graphite · A powerful open-source vector graphics editor for your browser https://ilo.im/14fbi4

#GraphicsEditor #UiDesign #DigitalDesign #WebDesign #Illustrations #2D #Vector #Rust #OpenSource

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

CallToInspiration: https://calltoinspiration.com/
A nice place to find UI inspiration for different components

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.

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/

design_law, to UIDesign
@design_law@mastodon.social avatar

User experience mini-rant:

Since the latest "update," when I type in Excel, the new entry shows up in 11-point Calibri until I hit enter or tab (at which point it turns into the proper size and typeface).

It's ugly and annoying.

Is this a ham-handed way to push us all to use Calibri? An oversight? Surely, no one thought this would be something users would like, right?

eugenialoli, to UI
@eugenialoli@mastodon.social avatar

I wish I understood why people use the dark themes on their OSes, apps, and websites. I truly don't get it because my eyes can't process information as fast as they can on a white background with black letters. I don't consider the dark themes to be the natural default for human eyes. Maybe for owls...

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