HTML5 and CSS3 have very quickly moved from being tentative new standards to the base standards for every major desktop and mobile browser. HTML5 is now just HTML, a modular, living standard that no longer needs a version number.
Now that we are no longer fighting over platforms, it’s time to put the specs aside and revisit the construction of user interface: how do we raise the bar for stellar user interface on the web?
Meta Refresh is a follow-up to DocType HTML5 from 2010-11 and is a conference on web UI engineering.
More about the event: http://metarefresh.in
Registrations: http://metarefresh.doattend.com
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
Accepting submissions
Not accepting submissions
|
RS
Ramesh Selvam Responsive Web Design with CSS3 Media QueriesThe 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
Section: Default
Technical level: Beginner
Session type: Demo
|
|
BK
Bishan Singh Kochher Secure - Cross Messaging, Storage, File API and URLs with HTML5 & CSSShowcase safe and secure usage of relevant HTML5 APIs more
Section: Default
Technical level: Intermediate
Session type: Demo
|
|
JD
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
Section: Default
Technical level: Intermediate
Session type: Workshop
|
|
RM
Rohith Mohan Proposing Extending CSS with SASS and CompassTo write the CSS with SASS without concerning about the cross browser issues. Bring modularity in your CSS and make debugging easier. more
Section: Default
Technical level: Beginner
Session type: Tutorial
|
|
AR
Amal Raghav Optimizing Frontend with AsseticAn introduction to asset management with Assetic. Outline more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
AM
Aditya Manohar Page Load OptimizationA 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
Section: Default
Technical level: Beginner
Session type: Tutorial
|
|
SD
Shwetank Dixit Shiny, Usefull, Cool: CSS3, HTML5 and a whole lot moreObjective 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
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
JS
Jai Santhosh Go Geo with HTML5With 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
Section: Default
Technical level: Intermediate
Session type: Tutorial
|
|
JM
Jon Maim Stop the spaghetti code with Backbone.JSDiscover 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
Section: Default
Technical level: Intermediate
Session type: Demo
|
|
PK
Praveen Kumar Scalable Frontend architectureLearn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows. more
Section: Default
Technical level: Advanced
Session type: Lecture
|
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
Section: Default
Technical level: Intermediate
Session type: Tutorial
|
|
SP
Sunil Pai Frontend build processA workshop on the front-end build process. Outline more
Section: Default
Technical level: Advanced
Session type: Workshop
|
|
NP
Nagarjun Palavalli Beyond Rows & Columns, With HTML5 There are No RulesHTML5 & 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
Section: Default
Technical level: Intermediate
Session type: Demo
|
|
AB
Aakash Bapna Frontend challenges @ FlipkartGet insight to frontend challenges we face at Flipkart. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
NM
Nitesh Malap Responsive Web DesignRise 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
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
SS
Sunit Singh Building Cleartrip MobileThis session aims to cover the key ingredients required to build a quality mobile site. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
US
Uday M. Shankar Ninja Prototyping with Templating EnginesLearn Hi-Speed Hi-Fidelity Prototyping Techniques using Templating Engines. more
Section: Default
Technical level: Intermediate
Session type: Workshop
|
|
VP
Vishal Parpia A design primer for developersTwo 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
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
dt
dominic travers Less is More: Learning from mobile appsTo inform though case studies and best practices in mobile app design, ideas that can now be realised in the mobile browser. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
AS
Anand S Visual design for non-designersYou’ll take home a simple set of rules and tools on visual design that you can’t go wrong applying. more
Section: Default
Technical level: Beginner
Session type: Tutorial
|
|
DS
Debashis Sikdar Proposing Designing for all screen sizesAs 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
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
RV
Rajasekharan Vengalil Best practices for building cross browser compatible web apps/sitesTo 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
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
RG
Rahul Gonsalves RubyMonk - Design to 1 Million Page Views in Four WeeksSee 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
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
RS
Rasagy Sharma Proposing Bridging the Designer/Developer divideDiscuss 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
Section: Default
Technical level: Intermediate
Session type: Panel
|
|
GV
Gaurav Vaish JavaScript + MVC + NodeJS + Mobile = MojitoWhy 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
Section: Default
Technical level: Intermediate
Session type: Workshop
|
|
SP
Sunil Pai Pizza ftw.Introducing Pizza, a quirky little animation library for UI engineering. more
Section: Default
Technical level: Intermediate
Session type: Demo
|
|
RS
Rasagy Sharma Proposing Beginner's Guide to Web UI EngineeringWith 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
Section: Default
Technical level: Beginner
Session type: Tutorial
|
|
RS
Ramesh Selvam Getting Started with twitter BootstrapBootstrap, 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
Section: Default
Technical level: Intermediate
Session type: Demo
|
|
R
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
Section: Default
Technical level: Advanced
Session type: Lecture
|
|
R
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
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
AC
Arpan CJ Build a Responsive Design quickly with SASS + practical challenges & solutionsSimplify responsive design with SASS and deal with practical real-world problems. more
Section: Default
Technical level: Intermediate
Session type: Tutorial
|
|
MS
Markandey Singh Server Free Web AppsAll about Making SERVER free web apps How to pull cross domain data ( GET & POST) more
Section: Default
Technical level: Advanced
Session type: Demo
|
|
RV
Rajasekharan Vengalil Client side storage on the modern webLearn what options we as web developers have when it comes to storing data on the client. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
KK
Karthik Kastury Optimizing Modern Web Applications for PerformanceTo help the folks building modern web applications, on understanding some of the best practices for building web applications that scream! more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
AA
Amit Agarwal New features in Javascript: ECMA 5To explain all the new features of Javascript and how do they help in rapid prototyping. more
Section: Default
Technical level: Advanced
Session type: Tutorial
|
|
AM
Akash Mahajan I haz your mouse clicks and key strokesYou 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
Section: Default
Technical level: Beginner
Session type: Demo
|
|
MW
Mrinal Wadhwa GPU programming with WebGLThis will be an introductory tutorial to GPU programming with WebGL. more
Section: Default
Technical level: Intermediate
Session type: Tutorial
|
|
HS
Harish Sivaramakrishnan Building a web based IDE - the what & the howA peek into building IDE / Development tools on the web using HTML and open standards more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
HS
Harish Sivaramakrishnan Twitter bootstrap crash courseGets you up and running with Twitter bootstrap in 40 mins. All code, no bullshit. more
Section: Default
Technical level: Beginner
Session type: Tutorial
|
|
HS
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
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
HS
Harish Sivaramakrishnan Interaction design for the web - the do's and don'tsAnimating text, blinking objects, flying elements - we have seen them all. But do we know when to do something and when not? more
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
k
kashyapa Kendo UI - One Pack Serves It AllIntroduce 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
Section: Default
Technical level: Intermediate
Session type: Demo
|
Souvik Das Gupta Designing in the BrowserTo show why designing websites directly in the web browser makes sense. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
as
amit surve Proposing cross platform mobile app devTo teach cross platform development by writing universal code using corona more
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
SS
Sameer Segal Tutorial: Knockout.js + Twitter + MapsLearn 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
Section: Default
Technical level: Intermediate
Session type: Tutorial
|
|
AS
Aashish Solanki Great TYPOGRAPHY == Great DESIGNEncourage & Enable designers / developers to focus on good typography for their projects so that good karma prevails. more
Section: Default
Technical level: Intermediate
Session type: Lecture
|
Kiran Jonnalagadda Proposing Take Charge demosSee the designs that have been submitted for Take Charge more
Section: Default
Technical level: Beginner
Session type: Demo
|
|
S
Srinivasu Build the web for all!To create awareness about standards, accessibility and how to build inclusive web keeping WCAG in mind more
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
MD
Manav Dhiman Thesis for WordPress - A BoonTo 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
Section: Default
Technical level: Intermediate
Session type: Lecture
|
|
TA
Tapas Adhikary Proposing WEB UI Chart and Graph LibrariesOften 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
Section: Default
Technical level: Beginner
Session type: Lecture
|
|
DT
Dhaval Trivedi Discovering YUI 3YUI is often underestimated. Aim of this session is to enlighten the JavaScript hackers with the zen of YUI 3. more
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