How Content Flows

Posted by Lukas & Cathy on May 27, 2015

Raw content (in html, txt, md, etc filetypes) turns into a site, generated by Jekyll.
On the book page of babybindery, all of the site content is dropped into one DOM element, with the CSS property ‘flow-into: flow-name’.
CSS Regions Polyfill takes all of the content in this DOM element into the flow, and then hides the element.
The content from the flow is poured through a series of content areas with CSS property ‘flow-from: flow-name’. We have these content areas inset in .page objects, so that each fills a typical content container on a printed page.

Index of all posts

Caveats	2015
Endnote Test	2015

Curriculum Vitae As of July 9, 2017	2017
On Mary Beth Meehan The Design Office	2017
Dear Class of 2017 Design Observer	2017
1-inch Buttons, 50¢ AIGA "See Us" Exhibit	2017
Hindsight unpublished	2017
The Web & Democracy RISD Elective	2017
What does collaboration look like? in-progress	2017
Animated Pictograms AirBnB	2017
Mumford in the 21st Century N.C. State	2017
Type and Material Workshop Brown Design Workshop	2017
Question the Classroom Design & Culture	2017
Towards a web teaching philosophy	2017
Letter to the Editor Unpublisher letter	2017
Design Studio 1 RISD GD	2016
What is BabyBindery?	2015
What Babybindery Does	2015
How Do I Install It?	2015
The Book Structure	2015
How Content Flows	2015
How Do I Change The Content Types?	2015
Squid in red pepper sauce	2015