Submissions

Meta Refresh 2012

Web design could use some new ideas. We have the tech now.

Accepting submissions

Not accepting submissions

Ramesh Selvam

Responsive Web Design with CSS3 Media Queries

The boom of mobile devices has turned the world of web design upside down. Users no longer view web content only on traditional desktop systems, but are increasingly using smartphones, tablets, and other devices with a wide range of dimensions. The challenge for web designers is to ensure that their websites look good not only on a big screen, but also on a tiny phone and everything in between. more
  • 3 comments
  • Confirmed & scheduled
  • 13 Oct 2011
Section: Default Technical level: Beginner Session type: Demo

Bishan Singh Kochher

Secure - Cross Messaging, Storage, File API and URLs with HTML5 & CSS

Showcase safe and secure usage of relevant HTML5 APIs more
  • 2 comments
  • Submitted
  • 18 Oct 2011
Section: Default Technical level: Intermediate Session type: Demo

Jonathan D’Mello

UX Design Process/Workflow

(If its Okay to conduct a session on Design in a Web UI Engineering Conf :) ) User Experience Design has grown rapidly in last few years. I would like someone to conduct a workshop on the User Experience Design Process. May be share their experience, may be a hands on demo? This would help improve productivity of many. As Jesse James Garrett in his book ‘The Essentials of User Experience Design’ … more
  • 12 comments
  • Confirmed & scheduled
  • 29 Feb 2012
Section: Default Technical level: Intermediate Session type: Workshop

Rohith Mohan Proposing

Extending CSS with SASS and Compass

To write the CSS with SASS without concerning about the cross browser issues. Bring modularity in your CSS and make debugging easier. more
  • 4 comments
  • Submitted
  • 29 Feb 2012
Section: Default Technical level: Beginner Session type: Tutorial

Amal Raghav

Optimizing Frontend with Assetic

An introduction to asset management with Assetic. Outline more
  • 1 comment
  • Submitted
  • 29 Feb 2012
Section: Default Technical level: Intermediate Session type: Lecture

Aditya Manohar

Page Load Optimization

A tutorial on improving page load speeds. Outline This session describes techniques to improve page load speeds - minimizing HTTP requests, tweaking cookie payloads, optimizing images and other methods to improve page responsiveness. more
  • 6 comments
  • Confirmed & scheduled
  • 29 Feb 2012
Section: Default Technical level: Beginner Session type: Tutorial

Shwetank Dixit

Shiny, Usefull, Cool: CSS3, HTML5 and a whole lot more

Objective of the talk is to cover all the things which add an extra level of shine or are usefull things for developers to code with, whether its advanced and new CSS3 properties, or various new APIs being supported amongst browsers, or just new development techniques. more
  • 1 comment
  • Confirmed & scheduled
  • 29 Feb 2012
Section: Default Technical level: Intermediate Session type: Lecture

Jai Santhosh

Go Geo with HTML5

With the evolution of GPS-capable systems and the web world, there is an explosion of location-based applications and the desire to geo-tag all data on the internet is immense. more
  • 2 comments
  • Confirmed & scheduled
  • 29 Feb 2012
Section: Default Technical level: Intermediate Session type: Tutorial

Jon Maim

Stop the spaghetti code with Backbone.JS

Discover Backbone.JS Outline Discover a small and powerful client-side framework that can help you structure your javascript code. If you use JQuery the next step for you is to use Backbone to create maintainable web apps. more
  • 1 comment
  • Confirmed & scheduled
  • 01 Mar 2012
Section: Default Technical level: Intermediate Session type: Demo

Praveen Kumar

Scalable Frontend architecture

Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows. more
  • 2 comments
  • Confirmed & scheduled
  • 01 Mar 2012
Section: Default Technical level: Advanced Session type: Lecture
Brajeshwar Oinam

Brajeshwar Oinam

Be a Ninza CSS Coder with CSS Preprocessors (Stylus, LESS, SASS)

An introduction into the world of CSS Preprocessors (Stylus, LESS, Sass) to enhance CSS Development. Start using it today and you’ll never go back to writing CSS the old way. more
  • 4 comments
  • Confirmed & scheduled
  • 01 Mar 2012
Section: Default Technical level: Intermediate Session type: Tutorial

Sunil Pai

Frontend build process

A workshop on the front-end build process. Outline more
  • 7 comments
  • Confirmed & scheduled
  • 01 Mar 2012
Section: Default Technical level: Advanced Session type: Workshop

Nagarjun Palavalli

Beyond Rows & Columns, With HTML5 There are No Rules

HTML5 & CSS3 open up new possibilities for interface design. It allows us to think beyond rows and columns (the traditional way of laying stuff around on web pages) and allows us to create rich, interactive experiences. In this talk, we’ll explore these new practices. more
  • 2 comments
  • Submitted
  • 01 Mar 2012
Section: Default Technical level: Intermediate Session type: Demo

Aakash Bapna

Frontend challenges @ Flipkart

Get insight to frontend challenges we face at Flipkart. more
  • 0 comments
  • Confirmed & scheduled
  • 04 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Nitesh Malap

Responsive Web Design

Rise of using web on mobile and tablets (smaller devices) more than desktop since last few years. We need to make website for mobile and tablets. Do we really need a separate version of our site ? In this session we will look on a process of “RWD”. How we can make a website which will able to view on any device (doesn’t matter width of device). Our website will response according to the screen re… more
  • 2 comments
  • Submitted
  • 05 Mar 2012
Section: Default Technical level: Beginner Session type: Lecture

Sunit Singh

Building Cleartrip Mobile

This session aims to cover the key ingredients required to build a quality mobile site. more
  • 0 comments
  • Confirmed & scheduled
  • 07 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Uday M. Shankar

Ninja Prototyping with Templating Engines

Learn Hi-Speed Hi-Fidelity Prototyping Techniques using Templating Engines. more
  • 3 comments
  • Confirmed & scheduled
  • 08 Mar 2012
Section: Default Technical level: Intermediate Session type: Workshop

Vishal Parpia

A design primer for developers

Two objectives: First, give developers a sense of how designers approach problems Second, to encourage developers to take ownership of design as a fundamental part of web app development. more
  • 1 comment
  • Submitted
  • 09 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

dominic travers

Less is More: Learning from mobile apps

To inform though case studies and best practices in mobile app design, ideas that can now be realised in the mobile browser. more
  • 0 comments
  • Submitted
  • 10 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Anand S

Visual design for non-designers

You’ll take home a simple set of rules and tools on visual design that you can’t go wrong applying. more
  • 0 comments
  • Submitted
  • 15 Mar 2012
Section: Default Technical level: Beginner Session type: Tutorial

Debashis Sikdar Proposing

Designing for all screen sizes

As more and more devices keep being ‘churned out’ by manufacturers, the number of screen sizes that the designer ha to work for keeps increasing and thus poses a challenge. The speaker should preferably have expertise in development for a wide range of screen sizes and should carry the audience from the beginner level to the latest advancements in this aspect of UI design. more
  • 2 comments
  • Submitted
  • 16 Mar 2012
Section: Default Technical level: Beginner Session type: Lecture

Rajasekharan Vengalil

Best practices for building cross browser compatible web apps/sites

To find an answer to the question “how can we use the great new capabilities whilst ensuring older browsers still render pages and features as expected?” more
  • 6 comments
  • Confirmed & scheduled
  • 21 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Rahul Gonsalves

RubyMonk - Design to 1 Million Page Views in Four Weeks

See how developers and designers working closely together significantly accelerates the speed at which a large-scale web application can go from concept to completed design. more
  • 3 comments
  • Confirmed & scheduled
  • 21 Mar 2012
Section: Default Technical level: Beginner Session type: Lecture
Rasagy Sharma

Rasagy Sharma Proposing

Bridging the Designer/Developer divide

Discuss how the Designer/Developer gap is bridged at different organizations/particular projects. Share tips & experiences on how designers can make more developer-friendly deliverables (Responsive design, detailed interactions etc.) and how developers can better understand designer’s goals & concerns (“How flexible is this layout?”, usability issues etc.) more
  • 3 comments
  • Submitted
  • 21 Mar 2012
Section: Default Technical level: Intermediate Session type: Panel

Gaurav Vaish

JavaScript + MVC + NodeJS + Mobile = Mojito

Why have your web application in all languages (Java / PHP / Python / Ruby) on Server, JavaScript on client... why not everything in one language? MVC on server + MVC on client.. yikes! more
  • 1 comment
  • Confirmed & scheduled
  • 21 Mar 2012
Section: Default Technical level: Intermediate Session type: Workshop

Sunil Pai

Pizza ftw.

Introducing Pizza, a quirky little animation library for UI engineering. more
  • 4 comments
  • Submitted
  • 21 Mar 2012
Section: Default Technical level: Intermediate Session type: Demo
Rasagy Sharma

Rasagy Sharma Proposing

Beginner's Guide to Web UI Engineering

With an overwhelming amount of resources available, it’s a little confusing for beginners to decide what to learn first, and from where. A quick introduction to common areas, technologies and what to use when. (From the obvious HTML/CSS/JS to Boilerplates/Pre-processors etc.) more
  • 7 comments
  • Submitted
  • 21 Mar 2012
Section: Default Technical level: Beginner Session type: Tutorial

Ramesh Selvam

Getting Started with twitter Bootstrap

Bootstrap, from Twitter is an open-source, front-end toolkit for rapidly developing web applications. Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. This session will give you, all the details to get started! more
  • 3 comments
  • Submitted
  • 22 Mar 2012
Section: Default Technical level: Intermediate Session type: Demo

Ravindra

Tower.js Full Stack Web Framework for Node.js and the Browser.

How ONLY javascript can be used to create Full Fledge Back end application. more
  • 0 comments
  • Submitted
  • 23 Mar 2012
Section: Default Technical level: Advanced Session type: Lecture

Ravindra

Is coffeescript worth it?

The disadvantages of CoffeeScript are fairly well known: There’s an additional compilation step. You can’t run a debugger on it directly (yet). There are fewer resources to learn the language, and fewer people who already know it. The language is changing, while JavaScript remains practically inert. more
  • 0 comments
  • Submitted
  • 23 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Arpan CJ

Build a Responsive Design quickly with SASS + practical challenges & solutions

Simplify responsive design with SASS and deal with practical real-world problems. more
  • 8 comments
  • Confirmed & scheduled
  • 24 Mar 2012
Section: Default Technical level: Intermediate Session type: Tutorial

Markandey Singh

Server Free Web Apps

All about Making SERVER free web apps How to pull cross domain data ( GET & POST) more
  • 1 comment
  • Submitted
  • 25 Mar 2012
Section: Default Technical level: Advanced Session type: Demo

Rajasekharan Vengalil

Client side storage on the modern web

Learn what options we as web developers have when it comes to storing data on the client. more
  • 1 comment
  • Confirmed & scheduled
  • 27 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Karthik Kastury

Optimizing Modern Web Applications for Performance

To help the folks building modern web applications, on understanding some of the best practices for building web applications that scream! more
  • 1 comment
  • Confirmed & scheduled
  • 28 Mar 2012
Section: Default Technical level: Intermediate Session type: Lecture

Amit Agarwal

New features in Javascript: ECMA 5

To explain all the new features of Javascript and how do they help in rapid prototyping. more
  • 3 comments
  • Submitted
  • 30 Mar 2012
Section: Default Technical level: Advanced Session type: Tutorial

Akash Mahajan

I haz your mouse clicks and key strokes

You will learn how fancy UI using HTML5, JavaScript and CSS3 allow for sophisticated attacks against the users of your applications on the client side. more
  • 1 comment
  • Confirmed & scheduled
  • 01 Apr 2012
Section: Default Technical level: Beginner Session type: Demo

Mrinal Wadhwa

GPU programming with WebGL

This will be an introductory tutorial to GPU programming with WebGL. more
  • 0 comments
  • Confirmed & scheduled
  • 02 Apr 2012
Section: Default Technical level: Intermediate Session type: Tutorial

Harish Sivaramakrishnan

Building a web based IDE - the what & the how

A peek into building IDE / Development tools on the web using HTML and open standards more
  • 0 comments
  • Submitted
  • 02 Apr 2012
Section: Default Technical level: Intermediate Session type: Lecture

Harish Sivaramakrishnan

Twitter bootstrap crash course

Gets you up and running with Twitter bootstrap in 40 mins. All code, no bullshit. more
  • 0 comments
  • Submitted
  • 02 Apr 2012
Section: Default Technical level: Beginner Session type: Tutorial

Harish Sivaramakrishnan

Canvas or SVG? Which way do I go?

An objective, unbiased and pragmatic look into working with Canvas element and SVG , helping you choose the right solution for the right problem. more
  • 0 comments
  • Confirmed & scheduled
  • 02 Apr 2012
Section: Default Technical level: Beginner Session type: Lecture

Harish Sivaramakrishnan

Interaction design for the web - the do's and don'ts

Animating text, blinking objects, flying elements - we have seen them all. But do we know when to do something and when not? more
  • 0 comments
  • Confirmed & scheduled
  • 02 Apr 2012
Section: Default Technical level: Beginner Session type: Lecture

kashyapa

Kendo UI - One Pack Serves It All

Introduce Kendo UI - a new kid on the block from Telerik - A One Pack Serves It All - framework using which you can build HTML5/Javascript apps. more
  • 8 comments
  • Submitted
  • 02 Apr 2012
Section: Default Technical level: Intermediate Session type: Demo
Souvik Das Gupta

Souvik Das Gupta

Designing in the Browser

To show why designing websites directly in the web browser makes sense. more
  • 0 comments
  • Confirmed & scheduled
  • 03 Apr 2012
Section: Default Technical level: Intermediate Session type: Lecture

amit surve Proposing

cross platform mobile app dev

To teach cross platform development by writing universal code using corona more
  • 2 comments
  • Submitted
  • 04 Apr 2012
Section: Default Technical level: Beginner Session type: Lecture

Sameer Segal

Tutorial: Knockout.js + Twitter + Maps

Learn how to building rich UI (js heavy) web applications using Knockout.js. To learn better we will integrate with twitter streaming api and integrate with Google maps. more
  • 4 comments
  • Confirmed & scheduled
  • 05 Apr 2012
Section: Default Technical level: Intermediate Session type: Tutorial

Aashish Solanki

Great TYPOGRAPHY == Great DESIGN

Encourage & Enable designers / developers to focus on good typography for their projects so that good karma prevails. more
  • 0 comments
  • Confirmed & scheduled
  • 09 Apr 2012
Section: Default Technical level: Intermediate Session type: Lecture
Kiran Jonnalagadda

Kiran Jonnalagadda Proposing

Take Charge demos

See the designs that have been submitted for Take Charge more
  • 2 comments
  • Submitted
  • 09 Apr 2012
Section: Default Technical level: Beginner Session type: Demo

Srinivasu

Build the web for all!

To create awareness about standards, accessibility and how to build inclusive web keeping WCAG in mind more
  • 0 comments
  • Submitted
  • 10 Apr 2012
Section: Default Technical level: Beginner Session type: Lecture

Manav Dhiman

Thesis for WordPress - A Boon

To make people (in particular designers) of the awesomeness of Thesis Theme Framework in developing their designs into solid and working websites without any hassles. more
  • 0 comments
  • Submitted
  • 11 Apr 2012
Section: Default Technical level: Intermediate Session type: Lecture

Tapas Adhikary Proposing

WEB UI Chart and Graph Libraries

Often we need a graph and chart library for the web UI and most of the cases the demand is to have an interactive graph and chart. With the technology like, SVG and HTML5 what are the recommendations for a good graph and Chart library which is easy to use, robust and have good support. more
  • 1 comment
  • Submitted
  • 11 Apr 2012
Section: Default Technical level: Beginner Session type: Lecture

Dhaval Trivedi

Discovering YUI 3

YUI is often underestimated. Aim of this session is to enlighten the JavaScript hackers with the zen of YUI 3. more
  • 1 comment
  • Submitted
  • 12 Apr 2012
Section: Default Technical level: Intermediate Session type: Lecture

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