Meta Refresh 2012

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

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

Sunil Pai

@threepointone

Frontend build process

Submitted Mar 1, 2012

A workshop on the front-end build process.

Outline

The last mile - a rant filled with demos

The objective of this talk is to show how to package all the nice front end code you’ve written, for optimal and speedy delivery to the browser.
Secondly, we’ll discuss how this fits in with the development workflow, and how to catch possible deployment errors before even commiting code.

Topics I’ll try to cover are -

  • what you’re doing wrong right now
  • why the front end build process is important to your bottom line (with numbers!)
  • compressing and minifying javascript, stylesheets
  • further avenues for reducing number of requests for one page load
  • optimizing images, and possible multiple device strategies for images
  • validating output markup/css/js
  • unit tests: how to write, how to use, how to test on multiple targets, continuous integration and monitoring
  • strategies for integrating ALL of the above into your workflow

Requirements

  • your laptop + your favorite text editor/IDE
  • to be anal about page load speeds and program ‘correctness’
  • optional: your favorite web framework, if you’d like to see how it mixes with your tech of choice

Speaker bio

My friends call me Pi. I obsess over the front end development workflow, and dream about code. I love graphs, javascript, and the dosas at vidyarthi bhavan.

Links

Slides

http://speakerdeck.com/u/threepointone/p/the-last-mile

Comments

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