This started as an experiment to learn how web components worked. I wound up writing two simple web components. They let you easy create wireframe websites where Markdown documents serve as content source files and HTML pages run as render engines.
- Client Side Rendering, a story about how this works and evolved.
- Quick Demos
- r-marked builds on JavaScript xhr creating a custom element retrieves a markdown document and processes it the marked Markdown processor rendering HTML into the innerHTML of the custom element.
- r-args doesn't render anything, its a processing custom element. It looks at the URL parameters passed to the page finding matching r-marked element id attributes. If it finds one then updates the r-marked element's href attribute causing new content to be render into the page.
- The JavaScript
The last two elements allow you to treat HTML pages as rendering engines allowing you to quickly prototype websites using Markdown for content, navigation with standard HTML elements and Brick custom elements additional UI prototyping.
r-tags depends on