Coder Social home page Coder Social logo

nav is slightly irritating about website HOT 6 CLOSED

sbt avatar sbt commented on August 22, 2024
nav is slightly irritating

from website.

Comments (6)

eed3si9n avatar eed3si9n commented on August 22, 2024

I've used pamflet (http://pamflet.databinder.net/Pamflet.html) in various docs, and haven't heard of this complaint, so I'm curious to learn more about your situation. I'm skeptical if making only ">" is going to improve the usability. What are you typically mousing around? Do you tend to go back by mistake? (or forward, or both?) Would making the clickable region light gray help you not to click on them? I think it already changes color to gray when you hover.

In the original pamflet, div.container is hardcoded to 710px. For sbt documentation, I thought the margin takes up too much space on larger monitors (I use 2560x1440 monitor, so I'm guessing my typical browser window is 1000x1200), so I changed in css (

width: 70%;
) so it's 70%. When you say "reasonably-sized browser window", what exactly is the dimension you're talking about on what type of device? Would changing this to 80% improve the ux for you?

from website.

jsuereth avatar jsuereth commented on August 22, 2024

For me, it's frustrating when I'm tabbing back into the browser and it clicks the dang left or right button.

Instead of hardcoding the %, what about limiting the pixel-size of the navigation?

from website.

eed3si9n avatar eed3si9n commented on August 22, 2024

@jsuereth On Mac, Cmd-` changes focus to the next window within the same application. Not sure about Ubuntu.

Fixed-pixel-width left/right margin could be answer if it's actually possible to implement that way.

from website.

tpolecat avatar tpolecat commented on August 22, 2024

Ha, yeah same issue looking at your Scalaz series @eed3si9n, so at least I'm consistent in my unusual mousing skills.

So, I keep my browser windows about 1000px wide as you say, or however wide they need to be to have 1cm of whitespace on either side of the text. After watching my behavior for a day I think the issue is that by habit I scroll by pushing the page around in the empty margin to avoid clicking things inadvertently.

Anyway I like the idea of just making a pixel limit for the hot zone, if that's possible. This is obviously not a big deal, I just figured others might have a similar reaction.

from website.

dwijnand avatar dwijnand commented on August 22, 2024

๐Ÿ‘ I'm constantly having to go back in the browser after randomly switching pages by mistake..

from website.

eed3si9n avatar eed3si9n commented on August 22, 2024

At some point I got rid of the page nav.

from website.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.