Loading...

Front Porch 2015 - Mundi Morgado and Nathan Smith, Node.js and interactive style guides

227 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Nov 23, 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.

Screens available at: https://speakerdeck.com/nathansmith/n...

Our git repo: https://github.com/t7/style-guide-exa...

Live examples: http://t7.github.io/style-guide-example

http://t7.github.io/style-guide-examp...

NATHAN SMITH
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. He holds a MDiv from Asbury Theological Seminary. He is a father of two. He isn't particularly comfortable writing in the third person.

MUNDI MORGADO
Mundi directs the Front-End Practice at TandemSeven, a UX company that provides design and development services for world class organizations. Having specialized in Front-End development since the late 90's, he's "seen some things man..." When not obsessing about how to automate all the things with Node and NPM, Mundi enjoys life in Oakland with his partner Jinyi and their motely crew of dogs and cats.

Loading...

When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...