1{
2  "version": "3.0.0",
3  "organization": "User Interface Wiki",
4  "author": "raphael-salaja",
5  "date": "March 2026",
6  "abstract": "Comprehensive UI/UX best practices guide for web interfaces. Contains 152 rules across 12 categories covering animation principles, timing functions, exit animations, CSS pseudo-elements, audio feedback, sound synthesis, morphing icons, container animation, laws of UX, predictive prefetching, typography, and visual design. Each rule includes detailed explanations and code examples comparing incorrect vs. correct implementations.",
7  "references": [
8    "https://developer.apple.com/videos/play/wwdc2023/10158",
9    "https://motion.dev",
10    "https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API",
11    "https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements",
12    "https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API",
13    "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion",
14    "https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line",
15    "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver",
16    "https://lawsofux.com",
17    "https://foresightjs.com",
18    "https://nextjs.org/docs/app/guides/prefetching",
19    "https://rsms.me/inter",
20    "https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings",
21    "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric",
22    "https://www.joshwcomeau.com/css/designing-shadows",
23    "https://jakub.kr/work/concentric-border-radius",
24    "https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap"
25  ]
26}
27