Meta Refresh 2014

On the construction of user interface on the web

Criteria for proposing sessions: You must be a practising web designer/developer, and must be able to show how your own work has advanced the state of the web in the past year. You are expected to present original work that your peers — this event’s audience — recognise as being notable enough to deserve a stage.

About Meta Refresh: Meta Refresh is a conference where Design and UI development converge. A beautiful experience on the web is a result of a deep understanding of your user and the nuances of the medium. Meta Refresh aims to be the platform where designers and UI developers exchange ideas and skills and learn from each other.

Format: This year’s edition spans four days, with two days of workshops and two days of conference. All days feature a single track.

We are accepting talks on:

  1. Front-end implementations, mainly workflow, processes, tools and automation,
  2. CSS, animation, UX, trends, and typography, and
  3. Short, crisp talks on front-end tricks.

Talks on implementation have to be about original work. While covering scalability and productivity aspects to explain implementation details, proposers must also explain who is the user and what is the context in which their product is being used. Therefore, how content and design were tailored in each specific instance.

We also invite workshop proposals on:

  1. Build systems such as Grunt
  2. CSS frameworks such as Bootstrap 3 and Foundation
  3. MVC/JS frameworks such as Angular
  4. Animations/UX

Workshops will be held on 12th and 13th February at the TERI auditorium in Domlur, Bangalore.

If you are excited about someone’s work and believe it deserves wider recognition, we recommend you contact them and ask them to submit a proposal.

Last date for submissions: 12 January 2014.
Confirmations: 15 January 2014 onwards.

There is only one speaker per session. Attendance is free for selected speakers. HasGeek will offer a grant to cover your travel to and accommodation in Bangalore from anywhere in the world for speakers delivering full sessions (30 minutes or longer). As our budget is limited, we will prefer speakers from locations closer home, but will do our best to cover for anyone exceptional. If you are able to raise support for your trip, we will count that as a speaker travel sponsorship.

Travel grants are reimbursed at the end of the conference. You are expected to make your own travel and stay arrangements. We will assist with hotel recommendations, visa letters and general advice on travel.

Commitment to open source

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like it to be available under a permissive open source license. If your software is commercially licensed or available under a combination of commercial and restrictive open source licenses (such as the various forms of the GPL), please consider picking up a sponsorship. We recognize that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.

Non Accepted Proposals

If your proposal is accepted for a session > 30 minutes long, we will cover your event ticket. If your proposal is not accepted, you can buy a ticket at the same rate as was available on the day you proposed. We’ll send you a code.


For queries about proposals / submissions, write to

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more

Benjamin Lupton


DocPad. Streamline your web development process. Integrate your team.

Submitted Dec 20, 2013

DocPad Logo

This talk will show how DocPad, a decoupled web architecture, is streamlining the web development process, while keeping your team integrated throughout. It’ll cover:

  • Technical aspects of the decoupled architecture (watching, pre-processors, templating engines, database querying, dynamic abilities, and the new admin-interfaces).

  • High-level demonstrations of how DocPad allows your designers to prototype in HTML with mock data, the developers to add real data and interactions, and the marketers to do up content, all fluidly, all together, as a single part of a single streamlined and integrated workflow. Rather than seperate, non-backtrackable, segregations.

  • Real-world case studies of how companies such as Myplanet Digital, one of Canada’s largest web development firms (they work with Fortune 500 companies), have embraced DocPad throughout their entire company as a strategic decision to streamline their complete web development process, from their code all the way through to their team!


2013 was a big year for DocPad. We hit 500 daily users, travelled across the world, got funded ever since July, and developed a new decoupled admin interface called Web Write’s InlineGUI allowing for Content Creators to work directly on highly custom DocPad websites.

2013 brought together the original vision of decoupled content creation experiences into DocPad. We now have workflows for each step and role throughout the creation experience, separated by only which plugins you have installed:

  1. Designers work with the team on scoping out the design, or you pick a free pre-existing DocPad website
  2. Implementors (and designers if they wish) start coding up the design together in HTML, CSS, and JavaScript, assisted by DocPad’s pre-processor, templating engine, and livereload support
  3. Developers start working directly with the templates, making them live and responsive, adding in dynamic abilities, database queries, and custom functionality
  4. Bloggers continue writing their content in the best experience for them like Tumblr, or Wordpress, while having DocPad pulling in the remote data directly into its database for rendering
  5. Marketers and Clients use the DocPad adminstration plugins for tweaking the copy of the website

All the while, still using the same website, the same project, for everybody to fit-in. To truly appreciate the simplicity of this, lets take a step back and imagine how corporate websites are traditionally implemented in big (and even small) firms:

  1. Designers work by themselves on implementing a design, or you pick a free template online
  2. Implementors code it up in raw/plain CSS, HTML, and JavaScript without templating engines, layouts, pre-processors, etc — designs are now incredibly difficult to change from hereon
  3. Junior CMS Developers then implement the implementor’s templates into their content management system, adding things like layouts and pre-processors to the mix — implementations are now incredibly difficult to change from hereon
  4. Senior CMS Developers then update the templates with live data and dynamic abilities — cms implementations are now incredibly difficult to change from hereon
  5. Bloggers, Marketers and Clients all must wait for the Senior CMS Developers to finish writing the custom modules for the admin interface (that they now all must use, rather than the interfaces they were use to before), or they will simply find it too difficult and call the web firm to implement the changes for them instead

If that drag sounds familiar, then do vote up this talk, as there is a better way.


This proposal is a work in progress. I’d love for your feedback on how to make it even better! on how you can get the most value from this! What would you like to see?!? What problems are you facing in this area?!? Could DocPad possibly help you address them?!? What specifically would you like me to cover?!? Let me know! and I’ll see what I can do in implemtning this feedback to make sure this talk adds the most value to you!

Also, if you believe in this talk, and want to make it happen. Remember to vote up this talk by using the links at the top of this page.

Speaker bio

Benjamin founded DocPad 4 years ago. He spoke at MetaRefresh 2013 on why the next big thing sucks, a tale of his personal struggles as a creator making the next big thing, with tips on how to stay focused for such a long time, while dealing with big things being created all the time in our highly competitive field.

Today, he leads the DocPad community full-time thanks to the sponsorship and donations of the DocPad community. He believes firmly in the vision of decoupled content creation experiences, and sees many years of innovation left in it.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more