Node.js and Interactive Style Guides

NathanSmith

October 2015

Though style guides are often more art than science, we've endeavored at TandemSeven to distill down the core components we found ourselves needing in every interactive style guide project.

We will walk through how we break apart pages into reusable components, dubbed "patterns" in our framework, and how these are combined into functional pages, but also displayed in isolation with accompanying code snippets.

We will also demonstrate how we use PhantomJS to auto-generate screenshots of each page, allowing a user to see what pages have been built out, at a glance.

Nathan Smith is principal front-end architect at TandemSeven. He began building sites late last century and enjoys hand coding HTML, CSS, and JavaScript. He also dabbles in design and information architecture. He created the 960 Grid System, a design and CSS framework for sketching, designing, and coding page layouts. As web development shifted more towards a responsive (not fixed-width) approach, he made Unsemantic, a fluid grid system that scales to fit mobile, tablet, and desktop screens.

HTML5 Can’t Do That: Surveying the Mobile Landscape

Depending on who you ask, HTML5 is either the pinnacle of open technologies, or a telltale reason so many mobile apps suck. After an awkward adolescence, from HTML to XHTML and back again, battle lines have been drawn around this revitalized contender named HTML5. Even supposing a victory is possible, is it winner-take-all?

In this talk, we’ll look at various approaches to mobile development: from responsive sites, to native apps, and what role HTML5 has to play.