Submissions
Meta Refresh

Meta Refresh 2014

On the construction of user interface on the web

Make a submission

Submissions are closed for this project

Robert Haritonov

Source - Front-end documentation engine

I will be presenting our open source solution for front-end documentation that helps to build efficient development process across all team members including developers, designers and testers. more
  • 3 comments
  • Rejected
  • 23 Oct 2013
Section: Full talk Technical level: Intermediate

Om Shankar

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

Gabbar: Kitne page the Samba? Samba: Ek Sardar, sirf Ek !! more
  • 10 comments
  • Waitlisted
  • 24 Oct 2013
Section: Full talk Technical level: Intermediate

Sunit Singh

Making design decisions

The workshop aims to equip participants with a set of practical tools that can be used to address design problems. more
  • 1 comments
  • Confirmed & scheduled
  • 06 Nov 2013
Section: Workshops Technical level: Beginner

Praneet Koppula

Design with Open Data

Introduce the participants to learn and apply basic components of the design innovation process for a specific challenge: use open data to build useful and innovative applications. more
  • 2 comments
  • Rejected
  • 06 Nov 2013
Section: Workshops Technical level: Beginner

Praneet Koppula

Micro-interactions - Designing the Details

As professionals working on digital products, all of us aspire to build great products that address a great need and delight the users. Even if our products solve the need or the big picture; unless the details are also handled properly; the solution fails. The details control the moment-to-moment experience. The details if done right, take your product from being just good enough to great. more
  • 5 comments
  • Confirmed & scheduled
  • 06 Nov 2013
Section: Full talk Technical level: Beginner

Ramesh Sundararaman

Employee-First Design

Poorly-designed enterprise mobility apps cause embarrassment and irrepairable harm to employees, especially when they try to use in the presence of their customers. more
  • 3 comments
  • Rejected
  • 08 Nov 2013
Section: Crisp talk Technical level: Beginner

Selvaganapathy Kaliamurthy

Fluid Mechanism in Web.

Responsive web design made the application to render in multiple devices. Though application works smooth in desktop, running the same in mutiple devices is always a challenge. more
  • 16 comments
  • Rejected
  • 10 Nov 2013
Section: Full talk Technical level: Intermediate

Abhimanyu Chakravarty

Ember-Data

The talk will aim at familiarizing the audience with the problems that we face with data in case of Client Side Applications and how Ember-Data aims to solve these problems. I will talk over the core concepts of Ember-Data and then about the public apis exposed that can be used to manage data. I will also cover some basics of Ember.js on the UI side. Finally, I will aim at walking through a simpl… more
  • 3 comments
  • Rejected
  • 12 Nov 2013
Section: Full talk Technical level: Intermediate

Aniket Pant

Writing Maintainable Front-end

The talk will cover the different aspects of writing front-end like templating, code organization and writing CSS. People attending the talk will gain an understanding of the following concepts: more
  • 2 comments
  • Rejected
  • 15 Nov 2013
Section: Full talk Technical level: Intermediate

Amit Agarwal

Jank busted Rendering

Quick walkthrough of 10 tips which speed up rendering in webapp. more
  • 1 comments
  • Cancelled
  • 15 Nov 2013
Section: Crisp talk Technical level: Advanced

Aseem Agarwal

A template system for your front-end code

The main agenda of the talk is to dig deep into using a template engine for your front end code. The talk will cover many important things 1. Why do you need a template system ? 2. How it helps in increasing performance.? 3. The different template engines and how they are used? 4. How to design a system according to your needs.? more
  • 6 comments
  • Rejected
  • 19 Nov 2013
Section: Full talk Technical level: Intermediate
Brajeshwar Oinam

Brajeshwar Oinam

The Design Superheroes who uses Modern Design Workflows

As a designer, while designing nice and beautiful interfaces, you should follow the “Don’t Repeat Yourself” principle by automating your task as much as possible. I’ll try my best to answer questions∗ that will help you become a much better designer. more
  • 8 comments
  • Confirmed & scheduled
  • 19 Nov 2013
Section: Workshops Technical level: Intermediate

Rajesh Bysani

How viable is a Minimum Viable Product?

To dispel few myths around Minimum viable products and share a few tips on approaching product development the right way. more
  • 2 comments
  • Confirmed & scheduled
  • 26 Nov 2013
Section: Full talk Technical level: Beginner

Ayush Jain

Designing for TVs

To talk about designing user experience for a Television medium and help participants understand how it is different from other mediums. more
  • 5 comments
  • Rejected
  • 26 Nov 2013
Section: Full talk Technical level: Beginner

Sarbbottam Bandyopadhyay

Form accessibility demystified

Web is open platform, thus any application developed for this open platform should be accessible for any users, irrespective of their disabilities. Accessibility must be treated as the core feature of the user experience. Quite often, a web application that is keyboard accessible is considered to be accessible compliant. How ever which is partially true. For example, ‘hasgeek login’ form. There a… more
  • 7 comments
  • Confirmed
  • 27 Nov 2013
Section: Full talk Technical level: Intermediate

Raghu Nayyar

CSS 3 Animations and Transitional Interfaces

The main objective of the talk to give the audience an idea about one of the most important aspects of web design, transitions, and how they can be used to enhance the information architecture and flow of a web page. more
  • 7 comments
  • Confirmed & scheduled
  • 27 Nov 2013
Section: Crisp talk Technical level: Beginner

Prashant Singh

Web UX – Present and future

Styling related features for the web have improved phenomenally. This talk will focus on these cutting new features in CSS, showing how you will be styling for web in the future. This includes: Flex box CSS regions CSS shapes CSS Filters Blend modes and other interesting additions to the open web platform. more
  • 1 comments
  • Rejected
  • 09 Dec 2013
Section: Full talk Technical level: Beginner

Sarup Banskota

Building the online designer office: GlitterGallery

Get introduced to GlitterGallery, an open source GitHub for designers. In this talk, I will be discussing the objectives behind a collaboration tool for designers, and the benefits it can have for a community. After interacting with interesting designers, I’ve been trying to understand the kind of social experience that would benefit them - I’ll share my observations. more
  • 5 comments
  • Rejected
  • 09 Dec 2013
Section: Flash talk Technical level: Beginner

Priyanka Herur

Modern web graphics design using SVG

This talk will cover all facets of designing assets through SVG. This will be covered with examples. Things that will be discussed in detail: 1. What, Why and where you need SVG? 2. Elements such as path along with properties such as backgrounds and patterns 3. Clipping, Masking and Blending 4. SVG filters and animation 5. SVG libraries such as Snap, Raphael, etc., 6. Future of SVG more
  • 5 comments
  • Confirmed & scheduled
  • 09 Dec 2013
Section: Workshops Technical level: Beginner

Devina Coutinho

Designing for Ecosystems

The aim of this talk is to highlight the challenges faced while designing for systems. It is crucial to understand the role of each entities & how they influence each other- people, devices, intent, location, experiences etc. more
  • 0 comments
  • Rejected
  • 10 Dec 2013
Section: Full talk Technical level: Intermediate

Shwetank Dixit

So, whats new in CSS lately? : The new advancements

To learn about new and interesting things happening in the world of CSS. This talk will focus on the actual specs rather than tools or frameworks. more
  • 2 comments
  • Waitlisted
  • 12 Dec 2013
Section: Full talk Technical level: Advanced

Sandip Patel

10 things which will influence front-end development in 2014

The objective of this talk is to cover different obscure techniques and tips of front-end development workflow (viz. design, development, optimization, performance, testing, deployment). more
  • 0 comments
  • Rejected
  • 17 Dec 2013
Section: Full talk Technical level: Intermediate

Mikhail Davydov

Components now!

WebComponents is a great idea! The problem is that WebComponents API is in working draft… more
  • 1 comments
  • Confirmed & scheduled
  • 18 Dec 2013
Section: Full talk Technical level: Intermediate

Madhusudan Khoradiya

Windows 8 UI for <Designers and Developers/>

The main objective of this session will be providing a light on Windows 8 UI development for the Developers as well as the Designers and how both of them can work together and make a good UI. more
  • 6 comments
  • Rejected
  • 18 Dec 2013
Section: Full talk Technical level: Intermediate

Alagu

Playing with Photoshop Files for fun and profit

This Talk will cover all the tech we learnt building Markupwand, a Product that converts PSD designs to HTML. This would help Frontend Engineers understand the PSD file format better and hack it for use. more
  • 1 comments
  • Confirmed & scheduled
  • 19 Dec 2013
Section: Crisp talk Technical level: Intermediate

Paras Chopra

Deconstructing wowsig.com - how do you gift a website to an unsuspecting wife

My talk is the story of how I kept my day job (as CEO of Wingify) and worked part time for 10 days developing http://wowsig.com/ a website with a real, hard, unchangeable deadline (my wife’s birthday), all the while living with my wife and making sure she doesn’t get a clue of what I was upto. more
  • 0 comments
  • Rejected
  • 20 Dec 2013
Section: Full talk Technical level: Intermediate

Shyamala Prayaga

A/B testing and beyond

On one side UX Designers focus on usability testing to drive conversions, but they are skeptical about A/B testing for multiple reasons that they cannot capture user emotions, interactions, challenges, usability issues etc. Then why invest on A/B testing? more
  • 1 comments
  • Rejected
  • 20 Dec 2013
Section: Workshops Technical level: Intermediate

aditya hari

Visualizing Information

to introduce the audience to visual thinking and visual representation of information. more
  • 8 comments
  • Rejected
  • 20 Dec 2013
Section: Workshops Technical level: Intermediate

Benjamin Lupton

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

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: more
  • 47 comments
  • Rejected
  • 20 Dec 2013
Section: Full talk Technical level: Beginner

Anirudh Sanjeev

Desktop: The final frontier

This talk will help you understand the different frameworks to run your HTML/JS/CSS app as a first-class desktop application. more
  • 0 comments
  • Confirmed & scheduled
  • 20 Dec 2013
Section: Full talk Technical level: Intermediate

Ishan Vyas

Foundation 5 - WorkShop

Workshop on Building responsive/MobileFirst websites and Applications with Foundation Zurb. - http://foundation.zurb.com more
  • 14 comments
  • Rejected
  • 21 Dec 2013
Section: Workshops Technical level: Intermediate

Akshay Mathur

Creating Single Page Web App using BackboneJS

At the end of the workshop, the attendees will be able to: more
  • 6 comments
  • Rejected
  • 21 Dec 2013
Section: Workshops Technical level: Advanced

Akshay Mathur

Testing Single Page Web App using CasperJS

To introduce CasperJS as a testing tool. It is especially important for testing Single Page Web App where the DOM in browser changes dynamically and most of traditional tools fail. more
  • 2 comments
  • Rejected
  • 25 Dec 2013
Section: Full talk Technical level: Beginner

Balaji Hariharan

Innovations in Online Advertising - Role of Front end technologies and India

Front end technologies are typically ignored by developers, thinking it now “cool”, challenging or innovative. I want to focus great innovations in the industry in the field of Online Advertising, all driven by tools built using front end technologies JavaScript, jQuery, HTML, CSS and the likes. more
  • 0 comments
  • Rejected
  • 27 Dec 2013
Section: Full talk Technical level: Beginner

rajan chandi

Building Products People Want

This workshop is designed for people who are programmers, designers or people running technology companies and seek to launch their own web or mobile product. This workshop walks you through the key steps to creating a product for real people, starting from Idea generation to start getting a few thousand monthly active users. more
  • 0 comments
  • Rejected
  • 30 Dec 2014
Section: Workshops Technical level: Intermediate

Rajagopal Natarajan

Data driven UX decisions

Understand the principles of data driven decision making when it comes to User Experience. Explore a few examples around the topic. more
  • 0 comments
  • Confirmed & scheduled
  • 02 Jan 2014
Section: Full talk Technical level: Intermediate

Harish Sivaramakrishnan

A front end architect's diary - Rebuilding FreeCharge.in web experience

A step by step account on what went into designing and architecting the new FreeCharge.in web experience. This session will throw light into what went into building a single page web app right from design to code to test. more
  • 3 comments
  • Confirmed & scheduled
  • 02 Jan 2014
Section: Full talk Technical level: Intermediate

Aamir Kapasi

An introduction to YUI

While not so well known, YUI is a fantastic javascript and css framework that offers a rich set of features and a comprehensive set of tools. This presentation will show you why you should consider YUI for your next project. more
  • 1 comments
  • Rejected
  • 02 Jan 2014
Section: Flash talk Technical level: Beginner

Amarjeet Singh

Books + Browser + On/Offline = Reading Redefined

Bringing Book Reading to a browser without compromising on native app reading experience - fast, free styling, secure and most importantly offline reading mode. more
  • 6 comments
  • Confirmed & scheduled
  • 02 Jan 2014
Section: Full talk Technical level: Intermediate

Prateek Saxena

Introduction to d3.js

To introduce the audience to d3.js, a data visualization library, and how and where to use it. In addition I’ll talk about re-usable (Miso Project) and interactive charts (dc.js and Crossfilter). more
  • 2 comments
  • Rejected
  • 03 Jan 2014
Section: Workshops Technical level: Intermediate

Rahul Chanila

Develop to Design - A guide to emergency design for front-end developers

To help developers avoid making design mistakes that leads to jarring user experience. Design is hard and as developers we tend to focus more on functionality. But I believe we need to understand that design is more than making things pretty and goes a long way in developing to make your customer/user happy. more
  • 3 comments
  • Confirmed & scheduled
  • 03 Jan 2014
Section: Crisp talk Technical level: Intermediate

swapnil mishra

Flex your layouts and designs with CSS Flexbox

Flexbox is the next big thing that has happened in CSS world in recent times. This talk will aim to introduce and demo the CSS Flexbox and how it can solve so many CSS layouting issues without hacks. more
  • 4 comments
  • Rejected
  • 03 Jan 2014
Section: Full talk Technical level: Intermediate

Chirag Gehlot

Engineering custom visualisations with advanced d3.js

d3.js is a very complex library with a lot of functionality. That said, there are a lot of ready examples available on the Internet, which in turn promotes a culture of copy-paste-code. Hence, one ends up seeing recurring themes of the same charts - Sankey, Chord, Matrix, Force layout, etc. repeatedly. more
  • 2 comments
  • Rejected
  • 04 Jan 2014
Section: Workshops Technical level: Advanced

Ronak Bhandari

Introducing PykCharts.js - opensource reusable charts in d3.js

PykCharts.js is an open-source library of reusable charts similar to NVD3 and HighCharts. more
  • 0 comments
  • Rejected
  • 04 Jan 2014
Section: Flash talk Technical level: Beginner

Bram Pitoyo

Faster (and Coincidentally More Secure) Webfonts

See how modern webfonts got here Learn how to subset, embed, compress and precache your own webfonts more
  • 3 comments
  • Confirmed & scheduled
  • 06 Jan 2014
Section: Full talk Technical level: Intermediate

Ronak Bhandari

Visualising data on Maps

Often data have geographic context e.g. census, elections, sales and distribution, weather, etc. The objective of this talk is to introduce the audience on how to visualise data with geographical context on maps. Towards the end, we will show case an interactive dashboard on top of Indian Census 2011 using Dc.js and Crossfilter.js more
  • 2 comments
  • Rejected
  • 06 Jan 2014
Section: Workshops Technical level: Intermediate

Hage Yaapa

Save time and your brain's CPU cycles with Gulpjs

To quickly introduce the concept of task running and automation in web development, and show how to do it using Gulpjs. more
  • 2 comments
  • Confirmed & scheduled
  • 06 Jan 2014
Section: Crisp talk Technical level: Intermediate
Souvik Das Gupta

Souvik Das Gupta

Embracing Progressive Enhancement

To understand the principle of progressive enhancement, and to adopt it in everyday web design/development. more
  • 9 comments
  • Confirmed & scheduled
  • 06 Jan 2014
Section: Workshops Technical level: Intermediate

Kaustav Das Modak

Automated deployments of design and code for web developers and designers

This talk has a three stage objective: To help web developers and designers set up continuous deployments for their projects. more
  • 0 comments
  • Rejected
  • 07 Jan 2014
Section: Full talk Technical level: Intermediate

Benjamin Lupton

Why templating engines suck. A history lesson.

JavaScript Today: EJS/Eco/ECT, that was soo 2 years ago. Moustache/Handlebars, that was soo 6 months ago. Facebook React, that’s the new hotness. more
  • 3 comments
  • Rejected
  • 07 Jan 2014
Section: Full talk Technical level: Beginner

Sreejesh Karunakaran

Visual Debug - Chrome Developer Toolbar extension for visual debugging

The focus of the talk is to Walk you through an improvised debugging experience. more
  • 0 comments
  • Rejected
  • 07 Jan 2014
Section: Full talk Technical level: Intermediate

Prashant Singh

Vector graphics with SnapSvg

This talk aims at getting you introduced to SnapSvg. The talk would cover the following aspects of Snap: • Basic shape creation, styling and manipulation. more
  • 4 comments
  • Rejected
  • 07 Jan 2014
Section: Flash talk Technical level: Intermediate

Mohan Balaji

The Story Behind Wireframes

To understand the importance of documenting wireframes more
  • 2 comments
  • Rejected
  • 08 Jan 2014
Section: Full talk Technical level: Beginner

Kapil Reddy

Building an audio vizualizer using core.async, clojurescript and webGL

Introduction to core.async and clojurescript by building an audio vizualizer. more
  • 0 comments
  • Rejected
  • 08 Jan 2014
Section: Full talk Technical level: Advanced

Nayan Deshmukh

Eliminate heavy Frontend efforts using effective design practices

The Objective of this talk is to cover the points one should keep in mind while designing the web which can reduce your effort of coding. The idea is to highlight few points/tips/techniques which can help reduce coding time to a great extent. more
  • 1 comments
  • Rejected
  • 09 Jan 2014
Section: Full talk Technical level: Intermediate

Nayan Deshmukh

2013, how the past will affect front-end trends of 2014

The aim of this talk is to throw spotlights on popular trends that captured the world wide web in 2013 and how it will impact what we are going to see in 2014. more
  • 2 comments
  • Rejected
  • 09 Jan 2014
Section: Full talk Technical level: Intermediate

vivek parihar

Mobile First Approach - The key to cross platform interface design

Understanding how the intricacies of a Mobile First interface work and how we can use a bottom to top approach to handle it. more
  • 2 comments
  • Confirmed & scheduled
  • 09 Jan 2014
Section: Crisp talk Technical level: Beginner

Arpan CJ

Responsive Web Design done right

Understand and implement different Responsive Design patterns from scratch. more
  • 1 comments
  • Confirmed & scheduled
  • 09 Jan 2014
Section: Workshops Technical level: Intermediate

vijay kumbhar

Sencha beyond limitations: A hands on approach to framework customizations for greater stability and massive data sizes.

A brief walk through of the framework followed by customizations for handling massive data chunks rendering and framework stabilization by resolving known issues. more
  • 0 comments
  • Rejected
  • 09 Jan 2014
Section: Workshops Technical level: Intermediate

Chirag Sanghvi

Visualizing Relational Data using Graphs and Architectural Decisions .

To enlighten how we can use graphs, to visualize our data-models and of-course data in a more interactive fashion. more
  • 2 comments
  • Rejected
  • 09 Jan 2014
Section: Full talk Technical level: Intermediate

Chris Lüscher

What we learnt at iA when working on large-scale design projects

A large corporate presence, a news site, a complex backend tool, a SAAS platform: raw concept and design work is only part of what it takes to make large scale web design or redesign projects successful. more
  • 1 comments
  • Confirmed & scheduled
  • 09 Jan 2014
Section: Full talk Technical level: Beginner

Akshay Murthy

Writing maintainable Vanilla Javascript

Many times, in a web project, the front end logic doesn’t call for a framework like Backbone, Angular, etc. But over time, the Javascript code gets bloated up in one unmanageable application.js. more
  • 1 comments
  • Rejected
  • 09 Jan 2014
Section: Full talk Technical level: Beginner

Sajan John

RFW - easy to use framework that provides Directory structure, Grunt build and workflow with HTML5 boilerplate

The session will give an introduction about Rapid Front-End Workflow(RFW) framework with cris talk and demo. Using the framework one can setup a UI directory structure with grunt build in less than 10 minutes. more
  • 0 comments
  • Rejected
  • 10 Jan 2014
Section: Crisp talk Technical level: Beginner

Aakash Bapna

All about perceived web performance

To understand perceived performance, measuring it, working with designers to fix it and making sure it doesn’t deteriorate again. more
  • 2 comments
  • Confirmed & scheduled
  • 11 Jan 2014
Section: Full talk Technical level: Intermediate

Tulsi Dharmarajan

Creating creative communities

Building, growing, and sustaining creative groups strengthens local communities, promotes innovation, elicits stronger networks and relationships, and eventually contributes towards creating better cities. more
  • 0 comments
  • Cancelled
  • 11 Jan 2014
Section: Crisp talk Technical level: Beginner

Raman Shalupau

Effective collaboration on a complex SPA in a fast paced environment.

This talk will focus on the human aspect of web development: organization of an effective workflow in teams; achieving team harmony and a high quality product through automation and other tools. more
  • 2 comments
  • Rejected
  • 11 Jan 2014
Section: Full talk Technical level: Intermediate

Srihari Sriraman

CSS Driven Design

Explore the extent to which you can let your CSS take control of your design process. more
  • 0 comments
  • Rejected
  • 11 Jan 2014
Section: Full talk Technical level: Intermediate

Anand A

Designing at break neck speed

A primar to the many challenges of working in a fast paced startup/agile environment for a designer and possible solutions to avoid common mistakes. more
  • 0 comments
  • Confirmed & scheduled
  • 12 Jan 2014
Section: Crisp talk Technical level: Beginner
Souvik Das Gupta

Souvik Das Gupta

Web is flux

To emphasise the changing nature of web, and to encourage adoption of progressive enhancement. more
  • 2 comments
  • Confirmed
  • 12 Jan 2014
Section: Full talk Technical level: Intermediate

Kaushik Bhat

Building and Testing Components on Ember.js

Introducing Web Components and building applications using Ember Components. There will be quick introductions on how to build SPAs using Ember.js and use d3.js for visualisation. There will also be a demo on how to unit test FrotEnd Applications and how to achieve that in Ember more
  • 0 comments
  • Rejected
  • 12 Jan 2014
Section: Full talk Technical level: Intermediate
Make a submission

Submissions are closed for this project

The Energy & Resources Institute, Bangalore

Hosted by

Meta Refresh
Meta Refresh
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: 1. UX and interaction design 2. CMS, content management, publishing and content marketing 3. Information architecture 4. Product design 5. Privacy in product design more