Expounder is a small JS library that implements a concept I had for adaptable
experience levels in educational texts. In more concrete terms, expounder allows
authors of tutorials to hide their explanations if they expect readers to be
familiar with a concept. The author can choose to add a link to the concept,
which will appear underlined, and the reader can click on it to expand the next
few sentences, paragraph or any other element that explains the concept.
This way, people familiar with a term don't need to spend a paragraph reading about it or waste time (and potentially miss other useful information) skimming ahead. You can see an example in the examples directory or on one of my posts.
Expounder alternatives and similar libraries
Based on the "Misc" category.
Alternatively, view Expounder alternatives based on common mentions on social networks and blogs.
picturefill8.0 0.0 L2 Expounder VS picturefillA responsive image polyfill for <picture>, srcset, sizes, and more
Open MCT8.0 9.6 L5 Expounder VS Open MCTA web based mission control framework.
list.js8.0 0.0 L3 Expounder VS list.jsThe perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
nlp_compromise7.8 9.7 L3 Expounder VS nlp_compromisemodest natural-language processing
Autotrack6.4 0.0 L2 Expounder VS AutotrackAutomatic and enhanced Google Analytics tracking for common user interactions on the web.
mixitup6.2 0.0 L3 Expounder VS mixitupA high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
echo5.8 0.0 L3 Expounder VS echoLazy-loading images with data-* attributes
jquery-match-height5.7 0.0 L5 Expounder VS jquery-match-heighta responsive equal heights plugin
grid5.7 1.7 L5 Expounder VS gridDrag and drop library for two-dimensional, resizable and responsive lists
platform.js5.4 0.0 L1 Expounder VS platform.jsA platform detection library.
ouibounce4.9 0.0 L5 Expounder VS ouibounceIncrease your landing page conversion rates.
jquery.vibrate.js1.6 0.0 Expounder VS jquery.vibrate.js:heavy_dollar_sign: Vibration API Wrappers
Selectable1.6 4.5 Expounder VS SelectableTouch enabled selectable plugin inspired by the jQuery UI widget.
Ditox.js1.0 2.8 Expounder VS Ditox.jsPowerful dependency injection container for building modular apps.
Dandy UI0.1 0.0 Expounder VS Dandy UIMinimalistic UI (boxes, colored text, menu and some more) for Node.js
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Expounder or a related project?
Expounder is a small JS library that implements a concept I had for adaptable experience levels in educational texts. In more concrete terms, expounder allows authors of tutorials to hide their explanations if they expect readers to be familiar with a concept. The author can choose to add a link to the concept, which will appear underlined, and the reader can click on it to expand the next few sentences, paragraph or any other element that explains the concept.
This way, people familiar with a term don't need to spend a paragraph reading
about it or waste time (and potentially miss other useful information) skimming
ahead. You can see an example in the
examples directory, on the Expounder
page or on one of my
Here's a demo GIF, from the Expounder page:
Expounder.js can be added to your site in two simple steps:
Download and include expounder.js and expounder.css (or the minified version, for production) in your page. Alternatively, just add these two lines to your HTML: <script src="https://gitcdn.xyz/repo/skorokithakis/expounder/master/expounder.js"></script> <link rel="stylesheet" href="https://gitcdn.xyz/repo/skorokithakis/expounder/master/expounder.css" /> Add data-expounderwith arbitrary IDs for span elements that will act as hooks that expand areas, and data-expounded for the areas to be expanded.
In the land of Mordor, in the fires of <span data-expounder="mount-doom">Mount Doom</span>, the Dark Lord Sauron forged in secret, a master ring, to control all others. <div data-expounded="mount-doom">Mount Doom is that big-ass mountain over there with the fires coming out of it.</div>
This library is released under the MIT license (see the LICENSE file).
Thanks go to:
- Stelios, who wrote the code for the entire thing.
- 0.0.3 -- 4/3/2016 Updated the API, added the ability to expand every element with the same data-expounded id from a single expounder link.
- 0.0.2 -- 4/1/2016 Added contract option with data-expounder-c attribute.
- 0.0.1 -- 3/13/2016 Initial release.
*Note that all licence references and agreements mentioned in the Expounder README section above are relevant to that project's source code only.