Xah Lee Profile picture
Apr 21, 2018 6 tweets 3 min read Twitter logo Read on Twitter
Visual CSS
xahlee.info/js/css_index.h…
major update.
here's 2 different web design of navigation panel. The 1 with scroll bar is better. because, if not, when doc is long, the left side is blank, and needs to scroll all the way to the top to use it.
currently, trying to solve the navigation panel problem on my site. e.g.
xahlee.info/js/js.html

1 visibility problem。only the top few links visible
2 hard to find which link in panel is the current article.
3 hard to use. needs to scroll a lot to use buried links in panel.
It's a nasty design problem.
• The problem with scroll bar in panel is, if you your list is long, only the top visible links will be visited.
• The problem with full-view nav panel (no scroll bar) is, if your page is long, then, the whole panel won't be visible.
#css #design
in both case, with or without scrollbar, several scroll and eyeballing is needed to use the nav panel. The heart of the problem is, some links just are not visible thus require scroll. ok, so with that understanding, the goal is to minimize scroll/eyeball.
whenever you have a problem, you can look at how others solve it.
• w3school uses a scroll bar approach w3schools.com/jsref/jsref_ob…
• mozilla uses no-scroll bar approach developer.mozilla.org/en-US/docs/Web…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Xah Lee

Xah Lee Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @xah_lee

May 11, 2018
sometimes in programing language design, you know something you don't like, but can't explain it well. Only years after, you found the exact reason, able to explain it as logic, and to have short describtive phrase, that when people hear, they go ah.
A name for a thing/concept, or descriptive phrase, is very powerful. When you don't have it, you mumble and people don't buy it. When you have it, sometimes it can even help falsity. For this reason, many cults, are full of jargons, unix hacker cult, perl, scientology, sjw.
for example, popular jargon in programing include: timtowtdi (perl), KISS, DRY, unix philosophy, patterns, agile. sjw jargon includes: microagression, cis, gaslighting, safespace, intersectionality.
Read 6 tweets
Apr 19, 2018
Do-It-Yourself Keyboards. Added helix keyboard.
xahlee.info/kbd/diy_keyboa…
the classic Microsoft Natural Keyboard Elite (year 1998 to 2014) is now $199 on amazon.
amzn.to/2qKUVPn
see
Microsoft Natural Keyboard
xahlee.info/kbd/Microsoft_…
which do you prefer
Read 32 tweets
Feb 7, 2018
learn How Compiler Works in 20 minutes xahlee.info/parser/compile…
What's the Difference Between BNF, EBNF, ABNF?
xahlee.info/parser/bnf_ebn…
#golang #haskell #lisp #python
this, still the best book on writing a compiler. Though, not as clear and broad as i thought.
there are thievery pdf versions online, but all code/formula are screwed. You better buy the real thing.
Dragon Book Table of Contents
xahlee.info/parser/dragon_…
Read 46 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(