Beyond Skeuomorphic Markdown
summary
Claims that Markdown can be made structured enough to drive custom layouts by adding small annotations and compiling MDX into typed objects, demonstrated with a working clone of a conference site and live examples that render screenshots, code playgrounds and tooltips. Uses React, TypeScript, MDX and a MDX plug‑in called cik plus an earlier library Kik, runs some checks and transforms at build time so tooling gives autocompletion and validation, and this approach comes from five to six years of experimentation.
AI-written summary · about
chapters (10)
- 0:00The state of web layouts
- 1:44Principles of web design
- 3:08Examples of effective design
- 6:10The difficulty of implementation
- 8:53Introducing Cik
- 11:39How annotations work
- 13:29Schema validation
- 17:19Live demo and application
- 21:49Advanced code annotations
- 26:31Conclusion
related talks
17mFrom Brittle to Supple: How Gatsby and MDX Made Our Documentation Smoothly
21mInteractive Documentation at Scale Using MDX & Next.js
09mThe X in MDX
08mThe X in MDX
05mMarkdown + React = 💙
23mThe Legendary Fountain of Truth: Componentize Your Documentation!
05mLightning Talk: majsdown: Metaprogramming? In my Slides?
21mReact Beyond the DOM