This already exists on Wikipedia.<p>Under preferences, select the Gadgets tab and enable "Navigation popups".<p>When hovering over a link in a Wikipedia article, a small popup will appear, in addition to some metadata about the link, the first paragraph of the article will appear, including links that may appear in that paragraph, which can also be hovered to make another popup appear.
Incidentally, this was what my diploma thesis was about. The basic idea was to have a single »text« that contains lots of possible branching or expansion points, depending on certain criteria. Depending on those criteria you'd get a expanded or contracted text to read that would be tailored to what you already know or are interested about. Altering the text in small parts (like [−1½] mentioned in another comment – I found that one much later, though) was one part of it; inline expansions if necessary or wanted were a possible UX enhancement I thought of (avoiding a completely static text where you'd have to tell the engine everything beforehand).<p>Use cases I thought of were mainly adjusting texts explaining things (e.g. Wikipedia, school books, etc.) to the already existing knowledge of the reader. So that an article explaining a concept could look radically different (and going into increasingly more detail) depending on what the reader already knows. One proof of concept I created was adjusting the German Wikipedia article on Turing machines to three different levels (school, 1st semester CS student, 4th semester CS student) [75.3]. What each level does is either explaining things differently or leaving out parts altogether (no need horrifying a pupil with formulae). So my main focus was on providing something that reads well (expanding things inline still incur a context switch because they're not part of the original narrative) and finding a way how to model such things. Nothing automatic because a clear semantic model is needed for that to work.<p>Thesis can be found at [0.046], it's in German, but the abstract is in English too. Just in case someone might be interested in that.<p>[−1½] <a href="http://www.telescopictext.com/" rel="nofollow">http://www.telescopictext.com/</a> mentioned by <a href="https://news.ycombinator.com/item?id=7602335" rel="nofollow">https://news.ycombinator.com/item?id=7602335</a><p>[75.3] <a href="http://hypftier.de/temp/turing.html" rel="nofollow">http://hypftier.de/temp/turing.html</a> – sorry, it's in German, but Google Translate seems to work fine.<p>[0.046] <a href="http://hypftier.de/temp/Diplomarbeit.pdf" rel="nofollow">http://hypftier.de/temp/Diplomarbeit.pdf</a>
Wikipedia currently has a Beta feature name Hovercards<p>You can enable it here<p><a href="https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-betafeatures" rel="nofollow">https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsec...</a>
About popups/tooltips/hovercards: I considered this approach, but decided to go with this sort of "inline" expansion for the following reasons:<p>1. A popup obscures the original text. This interferes with context, albeit admittedly to a much lesser degree than full-blown navigation, but still.<p>2. Multi-level popup hierarchies just don't look good, in my opinion.<p>3. You must dismiss a popup to continue, whereas with inline expansion you can just as well keep the expansion and continue reading.<p>4. The hover approach doesn't work as well for touch-devices (i.e. without a mouse).
Tree-style tabbed browsing makes tree-traversal style web browsing far more tractable.<p>Sadly, Chrome doesn't have a tree-style tabs mode, nor can it be provided by the existing Chrome extension format. There are a number of tree-style tab extensions for Firefox (e.g., "Tree Style Tab": <a href="http://piro.sakura.ne.jp/xul/_treestyletab.html.en" rel="nofollow">http://piro.sakura.ne.jp/xul/_treestyletab.html.en</a>).<p>There are any of a number of changes to the browser model I'd very much prefer aimed at information management, as opposed to the web-applications centric focus of the past several years.<p>In an interesting departure, Kobo advertised among the features of its (Android-based) tablet a web browser which simplified pages to an easy-to-read view. Based on present pre-loaded apps bundles, it looks as if that was the Pocket browser, but I still find it interesting that this was pitched as a benefit to a largely nontechnical, literary audience. It certainly reflects my own growing dissatisfaction with present-generation browsers.
I find the Google Dictionary plugin is pretty good for reading wikipedia like this...<p><a href="https://chrome.google.com/webstore/detail/google-dictionary-by-goog/mgijmajocgfcbeboacabfgobmjgjcoja?hl=en" rel="nofollow">https://chrome.google.com/webstore/detail/google-dictionary-...</a>
While the suggested feature would be a improvement, the real goal imho should be that each Wikipedia article can be read and understood by itself, without the need to go on a recursive yak shaving expedition through other articles first.
The American Institute of Mathematics has been promoting "knowls", which is a very similar idea and implementation: <a href="http://www.aimath.org/knowlepedia/" rel="nofollow">http://www.aimath.org/knowlepedia/</a><p>Rob Beezer's free open-source linear algebra book uses these <i>extensively</i> to provide more details in proofs and in exposition. It's very nice. For example, click on the underlined blue text at <a href="http://linear.ups.edu/html/section-SSLE.html" rel="nofollow">http://linear.ups.edu/html/section-SSLE.html</a>
Wish granted:
<a href="http://wikiballoons.tomodo.me/wiki/Main_Page" rel="nofollow">http://wikiballoons.tomodo.me/wiki/Main_Page</a><p>I also made a (by no means complete) POC more simmiliar to your animation which you're welcome to fork and improve:
<a href="http://en.wikimore.tomodo.me/wiki/Main_Page" rel="nofollow">http://en.wikimore.tomodo.me/wiki/Main_Page</a><p>In general, whenever you want to improve a website - Tomodo is the place to go (<a href="http://tomodo.com/" rel="nofollow">http://tomodo.com/</a>)
Since my primary language is Dutch, it's easy for me:<p>If I want a short article, read the Dutch version. If I want too many details, read the English version :)
I thought this was a really interesting idea and tried implementing it. You can check out the demo here:<p><a href="http://xuanji.appspot.com/static/wikipedia.html" rel="nofollow">http://xuanji.appspot.com/static/wikipedia.html</a><p>Note that the "sinusoidal wave" link isn't working, as it redirects to "sine wave"...gotta work around that :(<p>If you want to read/modify the code send a pull request to github.com/zodiac/xuanji.appspot.com/, the commit which implemented this is <a href="https://github.com/zodiac/xuanji.appspot.com/commit/872b40dca7dd001b6413eee8e8d9b3daff3a1c1d" rel="nofollow">https://github.com/zodiac/xuanji.appspot.com/commit/872b40dc...</a>
welcome to Ted Nelson's original idea of hypertext. further information here: <a href="http://en.wikipedia.org/wiki/History_of_hypertext" rel="nofollow">http://en.wikipedia.org/wiki/History_of_hypertext</a>
I like it a lot, my use of wikipedia often leads to a bunch of opened tabs and a lack of focus on what I was looking for in the first place (which might also be a great thing depending on your mood).
If you have a mac, you can right click on any word and choose "Look up in dictionary". The dictionary pulls definitions from it's internal dictionary and wikipedia.
I use the 'wikipedia quick hints' chrome extension and it works really well for me. It works kind of like the navigation popups already mentioned - but links inside the modal can also be hovered over, 'recursively'.<p><a href="https://chrome.google.com/webstore/detail/wikipedia-quick-hints/ldnhgfghebflgcndlbppfanbchpgmkna" rel="nofollow">https://chrome.google.com/webstore/detail/wikipedia-quick-hi...</a>
I want my computer to get a concept of what I know. It should then gray out stuff I know and linkify stuff that might be new to me.
Semantic Web is the key word here. Decades of research went into that but this magic tool still is not anywhere near yet.
Neat idea, but the article also made me discover Basic English and its 850 words. Didn't know about that, I think that should be mentioned when you learn English.<p>Does anyone know of similar general purpose word sets for other languages?
Take a look at <a href="https://github.com/sanketsaurav/easywiki" rel="nofollow">https://github.com/sanketsaurav/easywiki</a> which do exactly what he proposes and work on other websites when hovering wikipedia links!
Maybe the prose could be written to assume less knowledge and reduce the amount of other material needed for most people to understand? Alternatively as a user preference the prose could auto-include the meanings of some terms?
Yeah... try to look up some category theory terms you found in the wild on Wikipedia. You will not be enlightened.<p>I guess this can be generalized to most mathematics on Wikipedia.