A Polymer Event Calendar

Joe

February 10, 2015

Uncategorized

No Comment

Background

For a new project under development, I began playing with Polymer for programming web user interfaces. Polymer is a framework for building Web Components, a developing standard for the next iteration of HTML. Web Components and their associated technologies promise to fulfill some longstanding desires: they encapsulate HTML templates and JavaScript code together into reusable components, and they provide the ability to import the components into web pages and other components.

Polymer is one take on creating Web Components, and it’s quite interesting. While you can create a component in code using the (still evolving) standards, Polymer brings a strong declarative bias to the process. Not only does the Polymer team want you declare the appearance of your element with custom HTML, but as much of its behavior as possible. For instance, you can bind data with “mustache” decorators (familiar from frameworks like AngularJS and Handlebars) and display template subsections conditionally or iteratively:

<template if="{{condition}}">
  My list:
  <ul>
    <template repeat="{{item in array}}">
      <li>{{item.value}}</li>
    </template>
  </ul>
</template>

The <event-calendar> Component

For this project, I needed a calendar that could display events, dates and times in the usual variety of manners: monthly, weekly, daily and list views. Although there’s an ever-growing list of components out there to use, I didn’t quite find what I wanted. So I wrote my own.

The (open-sourced) code and usage instructions are on github, as is a live demo. It’s still under development, but go ahead and install it with bower, let me know what you think, and fork the code!

Joe

Related Posts

Giant Robot Snack Pack with Square Design

Joe

September 28, 2015

Uncategorized

No Comment

This summer, I had the pleasure of working again with the great team at Square Design here in Brooklyn. For our last project, we built an LED Mirror for their annual holiday party. Our goal this time: build a giant robotic version of a Gogo Squeez snack pack – the Goodness Machine – for use at marketing events. The Idea […]

Read More

Hacker in Residence at Columbia Startup Lab

Happy Spring! It’s been shamefully long since my last post, but I’ve been really busy. Among other things, I’m now serving as the Hacker in Residence at the Columbia Startup Lab! The Columbia Startup Lab, or CSL, fosters innovative new businesses founded by recent Columbia graduates by providing inexpensive co-working space and access to numerous shared resources. Although many founders […]

Read More

Leave a Reply

Your email address will not be published. Required fields are marked *