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

Om Shankar


Oh, I want a SPA | Building efficient, performant & awesome Single Page Applications

Submitted Oct 24, 2013

Gabbar: Kitne page the Samba?

Samba: Ek Sardar, sirf Ek !!

Single Page Applications are representing the web today, giving meaning to the phrase “Web as Application”. Not just startups who build dashboards for their products, even Web companies like Amazon and Adobe have a suit of single page apps used internally.

In this talk I will be focusing on design principles and architecture of SPAs while starting from Scratch, technologies involved, structure, tooling & testing, workflow, etc.

I will also try to show that core JavaScript developers are pretty much efficient in implementing better designs. An intelligent Frontend developer is at least an average natural UI Designer too


So as to let the choice of tool stand on developer, following topics will be more workflow/process oriented.
They represent the things to be done while creating a SPA, without focusing on which library or piece of code to use for the same:

  1. Shifting to Client side - What’s a SPA? UI as just another Client
  2. Step 1 - Building a Shell
  3. Step 2 - Building features (Modules, Fractal MVC, Anchor Interface)
  4. Step 3 - Clientside modeling and Data, going Offline, and then Wiring up with Server
  5. Step 4 - SEO and Authentication
  6. CSS (OOCSS & BEM), HTML & JavaScript Design considerations
  7. UX (Experience) Considerations. Responsiveness, Elements, Animations and Feedback.

Important Useful Links:

  • The Demo App - Built on Backbone.js, that allows you to drag drop images from Desktop, apply filters, create albums, write stuff, etc. - all from a Single Page. This app is a work in progress, to be completed before conference
  • Slideshow Link coming soon...
  • More links if any, will be added soon ...


  • A device with a beautiful screen where you can see a sample Single Page Application I will be demo-ing. (13", 1280 x 720; lesser specs = you miss out)

Speaker bio

I am a JavaScript and Front-end fanatic; but have been forced to work on RoR, Python, PHP and Java backends, at companies like Adobe, WalmartLabs and Amazon
I have managed to take a good stand on Frontend again by delivering awesome single page products consumable in the browser.

I love writing algorithms and artificial code level intelligence, and I like designs and aesthetics too, the latter I feel shy to admit.

However, a good design encompasses all, it’s how “it performs”, as said by hon. Steve Jobs. Hopefully, I will try to bring feel of it in the talk.



{{ 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