September 10 - 12, 2013

Introducing the WebBlocks Responsive Toolkit


Introducing the WebBlocks Responsive Toolkit



This session introduces the WebBlocks open-source responsive toolkit project, discussing the motivations and strategy behind the toolkit and providing a demonstrations of some of its core features. For those interested in learning more, a follow-up workshop on September 12 ("Using the WebBlocks Responsive Toolkit") will provide a three-hour hands-on deep dive.

Out of the box, WebBlocks is a toolkit based on modern web technologies for building full-featured, responsive sites suited for all viewports including desktops, tablets and mobile devices. It leverages existing best-in-breed web tools, defines semantics based on modern web standards and includes a large suite of UI elements and Javascript interactivity libraries. However, WebBlocks is a lot more than just a set of semantics, elements and libraries. At it's core, it is a highly modular toolkit that can be customized to meet business needs, fitted to different development paradigms and integrated into existing web solutions. See for more details.


Eric Bollens is the Lead Software Architect of the UCLA Office of Information Technology's Education and Collaboration Technologies Group. In this role, he builds frameworks and APIs used at UCLA, across the University of California and throughout the open-source community. He currently manages development of the WebBlocks Responsive Toolkit and Community App Store Architecture.

At UCLA and as an IT consultant and open-source developer, Eric has over ten years of experience building web applications and architectures ranging from front-end mobile and responsive tools to application frameworks and end-user software to network and routing protocols. Ultimately, Eric's passion lies around constructing technical solutions to meet core business needs. He is also an open-source advocate and a subscriber to the DevOps philosophy.




Technical Level


  • Frameworks of the Modern Web
  • Responsive Design
  • CSS 3
  • CSS Precompilers
  • Javascript
  • Responsive Web Design
  • Mobile Web App