Conference

14 - 15 February 2014

Meta Refresh conference spans over two days, which feature a single track on both days. This conference is for working web designers and developers to present on how their own work has advanced the state of the web in the past year.
conference Schedule
14 - 15 February

Talks

Mobile First Approach - The key to cross platform interface design

Vivek Parihar

Asst. Vice President- Engineering at Webonise Lab

Mobile first design has been taking centrestage in the consumer internet media stage. This makes it extremely important for the Design/development community to understand the intricacies, pitfalls and the right practices about it.

From his own experiments, speaker has elicited few interesting protcols and practices for the same. The presentation aims to share the results of the successful experiments and open up discussion on what the best way forward can be.

All about perceived web performance

Aakash Bapna

Frontend Engineer at Flipkart

To understand perceived performance, measuring it, working with designers to fix it and making sure it doesn't deteriorate again.

Components now!

Mikhail Davydov

Front-End Еngineer at Yandex

WebComponents is a great idea! The problem is that WebComponents API is in working draft...

Why we don't use just Components? Why we are waiting for that Web- prefix? We can use them right now and without havy polyfills! He will show you how to write Components today!

Save time and your brain's CPU cycles with Gulpjs

Hage Yaapa

Partner at Sourcebits, Inc.

To quickly introduce the concept of task running and automation in web development, and show how to do it using Gulpjs. Gulpjs is a new entrant in the field of task runners written in JavaScript. It is an alternative to the very popular Gruntjs.

After this session, those not familar with task running, will instantly fall in love with Gulpjs, and make task running with Gulpjs a part of their life; those using Gruntjs are likely to make a switch.

Designing at break neck speed

Anand A

UX Design Head at Cucumbertown

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.

Playing with Photoshop Files for fun and profit

Allagappan Muthuraman

Co-founder at Markupwand

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

Adobe's PSD format is a black box. But there are plenty of ways to open it up. We hacked and built tech to easily work with Photoshop documents.

  • Case for Photoshop (Why people still use it)
  • What information you can get from a PSD file
  • Extracting out information using ExtendScript and psd.js
  • Automatically extracting out images
  • Having an interchange format (a JSON of your PSD)
  • Translating them to CSS3/SASS
Extracting out information from PSD is useful and has multiple applications - versioning of images, automating your Frontend Workflow, Generating CSS, Finding out font requirements, Color Palettes.

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

Chris Lüscher

Co-founder of iA

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.

Projects that warrant the investment of hundreds of concept and design days usually take place in complex, sometimes entrenched corporate settings in which awareness building and change management, the quality of business, market and process analysis, the correct consideration of technological feasibility and technological agendas and, last but not least, the quality and depth of user research can make or break a project - or even the project owner’s business.

This presentation will describe a set of modules that help us successfully manage large scale design projects at iA.

This talk targets project managers or product owners planning and and steering large scale web design projects, be it in an agency or on the client side. People who simply want to build design awareness within their company might find one or the other nugget too.

CSS 3 Animations and Transitional Interfaces

Raghu Nayyar

Open Source Contributor, ownCloud

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.

Data driven UX decisions

Rajagopal Natarajan

Co-founder at Markupwand

Understand the principles of data driven decision making when it comes to User Experience. Explore a few examples around the topic.

Micro-interactions - Designing the Details

Praneet Koppula

Head of UX & Product team at Bang The Table

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.

This talk will help you identify opportunities to look for these details, provide a framework to design them and finally tips on how to test and get them right.

Web is flux

Souvik Das Gupta

Co-founder of Miranj

To emphasise the changing nature of web, and to encourage adoption of progressive enhancement.

The amount of control that we as a community exercise on the web is unfortunate. The web is far more flexible and inclusive than we believe it to be. Let’s appreciate the beauty of the web and understand why we should adopt (and encourage) practices that uphold the spirit of the web.

Is this going to be preachy?
Slightly.

How viable is a Minimum Viable Product?

Rajesh Bysani

Asst. Vice President, Product at FreeCharge.in

If you are an entrepreneur or you work in a startup, you know that the most important thing is to ship fast. But more important than shipping fast is shipping right. The agile method helps us in building and shipping products quickly but how many times have you had to revert on a feature or redesign completely because that's not what the customers wanted?

In the session we will try to find out the best answers these questions.

How do you find out what is right for your customers? How do you get your hypothesis tested? How do you get your design tested? What is a minimum viable product? How do you build a minimum viable product?

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

Rahul Chanila

Front-end developer at Unbxd

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.

Desktop: The final frontier

Anirudh Sanjeev

Co-founder of RazorFlow

This talk will help you understand the different frameworks to run your HTML/JS/CSS app as a first-class desktop application.

The platforms that intend to cover are:

  • Chrome Embedded Framework
  • Chrome packaged apps
  • Webkit GTK+
  • Adobe AIR
  • Appjs
  • Tide SDK
  • node-webkit
  • QT's QHtml5Application
  • HeX
  • Bellite

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

Harish Sivaramakrishnan

Head of Front End Engineering & UX at FreeCharge

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.

  1. The design process - key considerations and how it evolved.
  2. Choosing the front end stack
  3. Building a true, full responsive experience
  4. How many browsers can we realistically support?
  5. Addressing the performance demons
  6. The BIG SEO question
  7. The mistakes, the learnings
  8. The steps forward

Books + Browser + On/Offline = Reading Redefined

Amarjeet Singh

User Interface Engineer at Flipkart

Bringing Book Reading to a browser without compromising on native app reading experience - fast, free styling, secure and most importantly offline reading mode.

Jank busted Rendering

Amit Agarwal

Tech Lead at Yahoo!

This talk is about super fast web page rendering. This talk will quickly show a number of tips which speed up rendering in a webpage. These tips will help you in various aspects of performance optimization like fast scrolling, reducing number of reflows, optmizing css expressions.

Faster (and Coincidentally More Secure) Webfonts

Bram Pitoyo

UX Designer & Typographer at Mozilla

  • See how modern webfonts got here
  • Learn how to subset, embed, compress and precache your own webfonts
  • See benchmarks of different optimization methods
  • See at least one incredibly fun (though rather impractical) hack
  • Learn why the future looks even more exciting (and not just for webfonts)

Modern web graphics design using SVG

Priyanka Herur

Software Engineer at Adobe

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

  Venue

MLR Convention CentreJ. P. Nagar

MLR Convention Centre

Map

When

14 - 15 February 2014

Address

MLR Convention Centre, J.P. Nagar
Brigade Millenium Complex, J.P. Nagar 7th Phase
Bangalore, Karnataka India.
Phone: +91 8861386058, 9886123435, 9880405439, 080-40182222

View on Google Maps

Location

Airport

MLR Convention Centre is 45.1 kms from the airport. It is housed in the Brigade Millenium apartment complex in J P Nagar 7th Phase. In peak hours, it can take up to 2.5 hours to reach the venue. During non-rush hours, you can get to the venue within 1.5 hours. Bus number 5 from the airport will bring you to J P Nagar 6th phase. From there, you can take an auto to get to MLR Convention Centre. Alternatively, you can take a taxi (with registered services such as MERU, Easy Cabs and KSTDC) from the airport which will charge by the meter.

Majestic

MLR Convention Centre is 11.6 kms away from the Majestic bus and railway station. BMTC AC and non-AC buses going towards Bannerghatta National Park and Arekere will bring you to Arekere junction. The Convention Centre is 1.5 kms from the main road on Arekere. You could also take an auto rickshaw or book a taxi (with Ola, Taxi for Sure and other services).

Sponsors

Showcase platforms, tools and APIs.
Engage the best developers and designers.

Get Sponsorship Deck

Bronze

Partners

Lanyard sponsor

Community

Corporate Tickets

Community Partners