SAM: a modular framework for self-adapting web menus
summary
SAM is a JavaScript/CSS framework that makes real webpages self-adapting by logging interactions (clicks, page-visit durations, cursor movement) locally and applying a decoupled target policy and adaptation style pipeline. Implemented policies include click frequency, page-visit frequency, serial-position curve and AccessRank; styles include highlighting, reordering and folding. The code runs entirely client-side only, requires no server changes, is open-sourced on GitHub, and demonstrably adapts complex sites like Wikipedia and Craigslist during live use.
AI-written summary · about
chapters (10)
- 0:00Introduction and motivation
- 2:16Challenges of adaptive menus
- 3:00SAM framework overview
- 4:04DOM abstraction and logging
- 5:06Target policies for menu adaptation
- 6:13Adaptation styles and combinations
- 7:39Privacy and modular design
- 8:00Extending SAM for users and developers
- 10:31Live demonstration of SAM
- 14:27Questions and harmful adaptations
related talks
28mMeet MySam - An open AI experiment
30mThe SAM Pattern: a distributed system view of Front-End architectures
45mHow we adapted 150 sites with dynamically-served JavaScript
40mSvelte, cybernetically enhanced web apps
30mClient Side Frameworks Suck and Why that doesn't matter
22mAccessible JavaScript patterns
59mNew Adventures In Responsive Web Design
24mAccessible Javascript patterns