Past Meetup

Stacking the Card Deck: Reclaiming Our Mobile Future with HTML5-based Cards

Price: $5.00 /per person

Location visible to members



Designers have looked to card-based UI to present units of content responsively across a wide range of mobile devices and screen sizes. We see this with Twitter cards, Google Now cards, Passbook passes, Pinterest tiles, Facebook Paper, etc. While these popular examples have brought the card metaphor to the mainstream, they represent only a fraction of the true potential of cards. When done right, a card looks like responsive web content, works like a focused mobile app, and feels like a saved file that you can share and reuse. As these “cards” become more interactive, they go from being just concentrated bits of content and turn into mini-apps that can be embedded, capture and manipulate data, or even process transactions.

While discussions in the field have centered on the card metaphor as a UX design pattern, it is time to explore the architecture beneath the cards, to see whether cards built on the foundation of HTML5, CSS3, and modern JavaScript, can re-inject the ethos of the Open Web back into mobile development and turn back the tide against proprietary platform lock-ins and app silos.

Drawing upon the work he led at McGraw-Hill Education Labs on an open e-learning and e-publishing platform, Christopher Tse, a technologist/designer, will show how HTML5 cards built by different individuals and companies can be mixed and matched by end users to tell stories, to work collaboratively, and to conduct business.

Chris will present a set of card interaction patterns would help designers evaluate the right mix of cards (in terms of size, variety, purpose, relationship, and intent) for different workflow scenarios. On the technology front, Chris will introduce the “4Rs”, which stands for Render, React, Restore, and Report, as the four basic services card-based applications need for interoperability. He will introduce a few promising open source libraries that give developers the necessary plumbing to get a jumpstart on their next card-based project.

Speaker: Chris Tse, Head of R&D at McGraw-Hill Education Labs

Christopher Tse is an innovative technologist/designer working on a card-based learning environment at McGraw-Hill Education Labs. The project, codenamed Medici, gives instructors the HTML5-based tools to assemble various types of learning content and apps into a syllabus-driven narrative.

McGraw-Hill Education continues to innovate, transforming education from a textbook-based model to a next-generation, fully-digital, interactive and self-adapting learning portal model. Learn how McGraw-Hill Education combines innovative content architecture and real-time backend technology to build rich applications and learning aids for professors and students.

Thanks to HuffPost Code for sponsoring the event. HuffPost Code is the source for all things related to engineering at The Huffington Post.

Check out their API, Career Opportunities & Podcast: (

Read about Code:



Go to Attendee List