Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   responsive-design

Best way to Display Responsive Tables on Small Breakpoints?

Best way to Display Responsive Tables on Small Breakpoints?

I have a web-based dashboard with several tables spanning 80% of the page width.
Its a very typical responsive table design. A few columns (3-10), many rows (up to 100+), pagination, search filters etc.

S/N
Name
Status
Timestamp
Descri…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Why does the font sizes on Zeplin decrease when when the resolution increases in Android ? It’s supposed to be increasing! [closed]

Why does the font sizes on Zeplin decrease when when the resolution increases in Android ? It's supposed to be increasing! [closed]

When I export my Figma designs onto Zeplin as Android type, the mdpi values are right in sp. But when we increase the resolution to hdpi, xhdpi.., and so on, the font sizes decrease. I want to know the reason behind it.
Because (contrary t…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Why use borders around dropdowns in a mobile app?

Why use borders around dropdowns in a mobile app?

I’m working on a mobile app with a GUI similar to the Gasbuddy mobile app.
The first screenshot is what Gasbuddy looks like now. The 2nd screenshot is the same thing but without the borders around the dropdowns.
I may be overthinking, but …

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Too many expanding panels, not enough room

Too many expanding panels, not enough room

The scenario: An enterprise software platform uses a collapsible left panel for its navigation and a collapsible right panel to show customer info. The customer info panel would be used side-by-side with the information in the main section…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

How do you make a grid responsive so that on an 1366 px width desktop it will show 3 columns but on an 1440 px width phone only 1 column? [closed]

How do you make a grid responsive so that on an 1366 px width desktop it will show 3 columns but on an 1440 px width phone only 1 column? [closed]

Previously, when all phones had lower resolution than desktops, you just defined a breakpoint, and it was solved.
But today the new Samsung Galaxy S21 Ultra has an 1440 px wide screen, while the most prevalent desktop resolution is still 1…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Full width nav bar vs fixed width

Full width nav bar vs fixed width

I see a lot of websites where the main content and main menu bar (logo, menu, login/signup) have a fixed max width, even when the user is on a wide monitor (>= 1920px). The logo lines up with the content on the left and the login/signup…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Full width nav bar vs fixed width

Full width nav bar vs fixed width

I see a lot of websites where the main content and main menu bar (logo, menu, login/signup) have a fixed max width, even when the user is on a wide monitor (>= 1920px). The logo lines up with the content on the left and the login/signup…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

RWD: is RWD part of everyday life in your design practice?

RWD: is RWD part of everyday life in your design practice?

Do you think that RWD is the basics knowledge, that every Designer should have?

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

User Research uxbooth wordpress web-app UX Jobs Los Angeles UI design Usability WordPress Gutenberg Web Design UX Jobs Atlanta UX Jobs Dallas user-behavior WordPress Plugins UX Toolbox Visual Design User testing Universal Design & Accessibility UI uxstackexchange UX Jobs in Atlanta UX UX Design User Experience User Interaction UX Rockstars

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange