Environments for Humans
twitter icon facebook icon flickr icon feed icon linkedin icon email icon

jQuery Summit logo

The 3rd annual online, live jQuery conference

In-kind Sponsors

New Riders

Environments for Humans brings together some of the Web's most notable experts in and for an all-new, two-day online conference, the jQuery Summit! Bring the experts to your desktop November 15-16, 2011 from 9AM to 5PM (CT).

Don't miss this great event and purchase your tickets now!

Designer Track \\ Nov 15, 2011 \\ 9AM to 5PM CT

(Schedule subject to change)

Estelle Weyl mugshot

jQuery & CSS Selectors 9am CT

by Estelle Weyl, Author of HTML5 and CSS3 in the Real World

The combination of CSS and jQuery allows for powerful DOM selection and traversal.

By employing CSS selectors, and adding some more, jQuery allows us to target elements in a document based not only on ancestor, descendant, and sibling relationships, but on attributes, values, states, and relations the target elements do or do not have.

When you know and understand the power of selectors, you can pinpoint any element on the page.

This session covers all selectors, from basic CSS, to selectors unique to jQuery and those new to CSS3.

About Estelle Weyl

Estelle Weyl started her professional life in architecture, then managed teen health programs.

In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, Yahoo! and Apple, among others.

Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/blog and provides tutorials and detailed grids of CSS3 and HTML5 browser support in her blog at standardista.com.

She is the author of HTML5, CSS3, and JavaScript for Mobile and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960?s throwback abode.

Rick Waldron mugshot

jQuery & HTML5 Video 10am CT

by Rick Waldron, JavaScript Evangelist & jQuery Bugs Team Member

Ramp up to creating rich, interactive experiences with Popcorn.js & jQuery.

Assuming knowledge of jQuery, we'll sprint through an intro to Popcorn.js and dive into creating a basic interactive "experience" in the form of a "Choose Your Own Adventure" game built around a single HTML5 video.

About Rick Waldron

Javascript Enthusiast, Evangelist and Programmer at the Boston based webshop/hack-space Bocoup. Popcorn.js Lead Core Contributor. jQuery Bugs Team and Core contributor.

Andrew Wirick mugshot

jQuery UI 11am CT

by Andrew Wirick, Senior Trainer and Developer for appendTo

jQuery UI is a set of interactions and widgets that are implemented "the jQuery way".

With easy to use plugins for interactions and widgets, we'll see how jQuery UI fits and extends the jQuery plugin pattern.

In this interactive session we will cover:

  • How jQuery UI follows jQuery with dead-simple getting started
  • How UI widgets and interactions utilize and extend the jQuery plugin pattern
  • Why you'd use jQuery UI widgets and interactions over other plugins
  • Leveraging jQuery UI's widget factory to create your own rich widgets

About Andrew Wirick

Andrew Wirick is a aspiring well funder, Penn Sate alum, front end web developer, amateur investor and homebrewer.

He spends his web life working for appendTo where he trains developers on topics from jQuery foundations to rich web application development.

He helps run learn.appendto.com, which supplies free online training.

Andrew enjoys viewing life through a lighthearted lens in the secretly incredible Omaha, Nebraska.

Ben Alman mugshot

Plugin Authoring Best Practices 12pm CT

by Ben Alman, Front-end Developer

jQuery plugins are everywhere, and the chance that YOU will write one?if you haven't already--are pretty high. It might start with a little bit of functionality that you want to reuse or share with someone else, but before you know it... you've released dozens of jQuery plugins and you're writing articles and giving presentations on jQuery Plugin Authoring Best Practices at conferences.... Ok, maybe that's just me.

Regardless, there are many techniques you should know for writing your own reusable jQuery code, or "jQuery plugin," in a way that makes it feel like a natural extension of jQuery.

In this talk, you'll learn how to create custom selectors, chainable methods that double as getters and setters, and traversal or filtering methods that are .end()-able. You'll learn how to organize your code in IIFEs and namespaces, extend option defaults, and even create a custom package.json for your plugin, so that it can be submitted to the upcoming jQuery plugins index.

About Ben Alman

"Cowboy" Ben Alman currently works at Bocoup as Director of Training and Pluginization, where I am responsible for the development of beginner and advanced JavaScript, jQuery and HTML5 training curricula.

In addition to my training and client work at Bocoup, I write articles and give presentations advocating JavaScript and jQuery code organization techniques and best practices.

When he's not creating a new plugin (or writing articles on creating plugins), Ben can be found in the official jQuery IRC channel, helping newbies learn how to $('body').append('hello world').

In addition to web development, Ben is an avid photographer and funk bass player, and can be seen taking photos and playing around the greater Boston, MA area.

Sarah Chipps mugshot

jQuery & Browser Plugins 2pm CT

by Sarah Chipps, Software Developer

Browser plugins are a different animal than normal web dev.

jQuery can make the process a less painful and much more intuitive.

Learn how to include jQuery in Chrome and Firefox plugins and some tips and tricks on how best to incorporate jQuery's robust list of functions.

About Sarah Chipps

In 2010 she started an organization called Girl Develop It, which teaches low cost web development classes geared towards women.

Girl Develop It has had over 400 students in New York City, and now has several chapters around the US.

She likes speaking to and meeting with diverse groups from the Girl Scouts to straight up code junkies.

Her goal is to inspire more females to see that being a developer is fun and glamorous.

Nicholas Zakas mugshot

Progressive Enhancement 3pm CT

by Nicholas Zakas, Web Software Engineer

In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript.

That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print: the same rules don't apply.

As developers and consumers we've been fooled into thinking about print paradigms for too long.

In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.

About Nicholas Zakas

Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. He is currently principal front end engineer for the Yahoo! homepage and is a contributor to the Yahoo! User Interface (YUI) library, having written the Cookie Utility, Profiler, and YUI Test.

Nicholas is the author of Professional JavaScript for Web Developers and a co-author on Professional Ajax, and has contributed to other books. He has also written several online articles for WebReference, Sitepoint, and the YUI Blog.

Nicholas regularly gives talks about web development, JavaScript, and best practices. He has given talks at companies such as Yahoo!, LinkedIn, and NASA, and conferences such as the Ajax Experience, the Rich Web Experience, and Velocity.

Dave Rupert mugshot

jQuery & Responsive Web Design 4pm CT

by Dave Rupert, Lead developer for Paravel, Inc.

Responsive Web Design is taking the world by storm. Web designers are beginning to move the web forward towards fluid width nirvana.

As with most experimental techniques, there are a few gotchas along the road. We'll cover some of the roadblocks on the way to a responsive design and learn how really simple jQuery plugins can solve some of these headaches and take your designs to the next level.

  • Brief Responsive Web Design overview
  • Fluid resizing of text
  • Fluid resizing of videos
  • Content sliders

About Dave Rupert

Dave Rupert is the lead developer for Paravel and host of the ATX Web Show, a podcast about the local web design and development scene in Austin, TX. Most of his attention is focused on current buzzwords: HTML5 / CSS3, Javascript, Rails, Sinatra, and the Mobile Web.


Dev Track \\ Nov 16, 2011 \\ 9AM to 6PM CT

(Schedule subject to change)


The State of jQuery 9am CT

by Adam Sontag, jQuery and jQuery UI Team Member

In this talk, we'll take a jaunt through the current jQuery landscape, running through the significant changes that have landed in jQuery Core in the OMG-I-Can't-Believe-It's-Been-A-Year since the last jQuery Summit.

With 1.5, 1.6, and 1.7 having been released in the interim, there's a lot on the docket!

We'll also take a look at the current state of the project and review all the various aspects of the community where you can jump in and make a contribution to the ecosystem.

About Adam Sontag

A programmer at the Boston based webshop/hack-space bocoup.

Passionate about JavaScript and jQuery, he is a member of the jQuery UI team and a co-host of the yayQuery Podcast, an informal chit-chat about JavaScript.

You can usually find him hanging out in #jquery on freenode.

If I'm he's there, he probably running around New York City with my band, Bellevue's Finest.


Large-scale Application Architecture 10am CT

by Addy Osmani, JavaScript Developer at AOL and jQuery Bugs Team Member

Developers creating JavaScript applications these days usually use a combination of MVC, modules, widgets and plugins for their architecture. They also use a DOM manipulation library like jQuery.

Whilst this works great for apps that are built at a smaller-scale, what happens when your project really starts to grow?

In this talk, Addy presents an effective set of design patterns for large-scale JavaScript (and jQuery) application architecture that have previously been used at both AOL and Yahoo amongst others.

You'll learn how to keep your application logic truly decoupled, build modules that can exist on their own or be dropped into other projects and future-proof your code in case you need to switch to a different DOM library in the future.

About Addy Osmani

Addy Osmani is a popular JavaScript Blogger and a UI Developer for AOL based in London, England. He is also a member of the jQuery "Bug Triage/Docs/Front-end" teams where he assists with bugs, documentation and community updates. His free book, 'Essential JavaScript Design Patterns' has been downloaded over 130,000 times in the past year and continues to be expanded in his spare time.


jQuery & iframe Programming 11am CT

by Ben Vinegar, Front-end Engineer at Disqus

When you first think of iframes, you probably think of embedded YouTube videos and web forms.

But iframes can do a lot more than just embed third-party content.

As an inline, sandboxed DOM environment, the iframe is a powerful tool for communicating across domains, loading resources asynchronously, securing content, and more.

In this talk we'll explore a number of helpful ways to script iframes, both conventional and not. (Mostly not.)

About Ben Vinegar

Ben Vinegar is a web application developer with a penchant for JavaScript and Ruby.

He's currently employed as a Front-end Engineer at Disqus, where he focuses on building their embedded commenting widget.


Structuring Your DOM-based Application 12pm CT

by Garann Means, Front-end Developer

Targeted to provide bite-sized strategies you can implement in a short amount of time with minimal disruption to unchain your application from the DOM.

Means walks the attendeees through a series of steps you can take to undo architectural damage resulting from:

  • building an application on a tight deadline
  • a webpage evolving into a web app
  • too many plugins
  • state management tightly coupled to click events
  • not being in a position to rewrite

About Garann Means

Garann has been doing front-end web development for three years, after spending many years as an end-to-end developer.

She's passionate about JavaScript, its buddies HTML and CSS, and building really big client-side applications.

She lives in Austin, TX, where she organizes the Austin All-Girl Hack Night and Girl Develop It Austin.


Deferreds into jQuery 2pm CT

by Dan Heberden, Web Developer & jQuery Team Member

Don't just learn to deal with asynchronous code, learn to embrace it.

Deferreds make dealing with actions that might happen sometime in the future, like ajax requests and animations, incredibly easy.

We'll cover the basics of the Deferred object, using it in various settings, and where it's already utilized in other areas of jQuery.

Version 1.7 left its mark with even more capabilities for the Deferred object, so even if you've been using them, expect to get up to speed on the latest and greatest enhancements.

About Dan Heberden

I?m a web designer/developer/consultant based in Portland, Oregon.

I spend most of my time working and contributing as a team member of the jQuery project, helping others come to a better understanding of programming (Javascript, specifically) and of course, working. I love teaching, contributing, and helping others in the development community.

Other than that, I spend the rest of my time playing dodgeball, kickball, snowboarding, drinking, enjoying the outdoors, bowling, socializing ? you know, human stuff.

I'm often in #jquery and #jquery-dev on irc.freenode.net and of course twitter @danheberden so feel free to find me, follow me, or contact me.


jQuery Development Workflow 3pm CT

by Anton Kovalyov, Front-End Engineer at Disqus

JavaScript is a powerful and flexible language that allows you to write very elegant programs.

However, it has some parts that are easily breakable and no matter what you are writing it is very important to not to ship broken code.

Fortunately, there are tools that were designed to catch potential problems in your code and report about them before the deployment of your code.

This talk is about integrating such tools into your daily development workflow. It will give you a basic idea of the problems that JavaScript has and approaches you can take to prevent those problems.

Along the way, we will introduce JSHint, a community-driven code quality tool, and how we use it at Disqus to make sure that we don't ship broken code to 500m+ visitors.

The talk will also explain why code quality tools are important to the community and describe our plans towards the next iterations of JSHint.

About Anton Kovalyov

Anton Kovalyov is a Front-End Engineer at Disqus, and has guided development on the Disqus commenting widget since the company?s earliest days.

He maintains and contributes to a number of open-source JavaScript projects, including JSHint, and easyXDM, a cross-domain messaging library.


jQuery & Backbone.js 4pm CT

by Matt Kelly, Lead Software Engineer at ZURB

Make your users happy by building webapps without page loads.

People waiting 2,000ms or more for a page on your app to load are losing interest and focus.

Learn how to create an interface that responds in less then 100ms with Backbone.js, a JavaScript library created to keep large amounts of JavaScript organized and reusable.

Examples from real applications will be used to demonstrate how pageless apps can be used to implement great interactions and make people happy.

Both implementation and design decisions will be discussed.

About Matt Kelly

Matt is the Lead Software Engineer at ZURB. When he's not working on one of ZURB's awesome products (Notable, Verify, Axe) he's bundling up functionality from those apps into jQuery plugins.

He has a deep love for Rails, jQuery, and anything else that add joy to coding web apps. When he's not coding he's building 3D cameras out of iPods or soldering toy guitars.


jQuery & QUnit 5pm CT

by Ben Alman, Front-end Developer

You've been told that you should be unit testing your JavaScript, but like most developers, you have some questions that need to be answered first.

What is a unit test? Why should I unit test my code? How do I actually write unit tests? Are there any best practices I should know about?

In this talk, you'll get answers to those questions from somebody who has written unit tests for jQuery and dozens of jQuery plugins.

You'll get an in-depth explanation of QUnit, the easy-to-use JavaScript test suite used and maintained by the jQuery project. You'll learn the difference between assertions and expectations, why tests should be atomic, and how to utilize fixtures and mock AJAX requests.

Most importantly however, you'll learn why you should be writing unit tests in the first place!

About Ben Alman

"Cowboy" Ben Alman currently works at Bocoup as Director of Training and Pluginization, where I am responsible for the development of beginner and advanced JavaScript, jQuery and HTML5 training curricula.

In addition to my training and client work at Bocoup, I write articles and give presentations advocating JavaScript and jQuery code organization techniques and best practices.

When he's not creating a new plugin (or writing articles on creating plugins), Ben can be found in the official jQuery IRC channel, helping newbies learn how to $('body').append('hello world').

In addition to web development, Ben is an avid photographer and funk bass player, and can be seen taking photos and playing around the greater Boston, MA area.


speakers from:

many fine organizations and companies

About the jQuery Summit

Released in 2006, jQuery was designed to be a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. Since then it's become an essential component of over 25% of all Web sites speeding up development time, while also allowing designers to add pizazz to their sites.

Join some of the Web's most experienced jQuery professionals as they share experiences culled from working on sites big and small. Learn from the pros how to tackle jQuery difficulties head-on with proven methods in use by some of the most popular sites on the Web.

Why attend the online conference?
  • Attending a conference online means no travel hassle!
  • Bring the experts live to your desktop!
  • Time spent on the road is better spent instead in the office or with family, friends!
  • Sessions are developed to dive deeper into the material!
  • Ask questions directly to the speakers!
  • Can't make it the day of the conference? Watch the recordings whenever you want!
Testimonials from
This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.

John-David Dalton
Web Application Developer
& Web Performance Summit Attendee

I love these online conferences. It's convenient and you can still learn a lot from the comfort of your home or at work.

Candi Ligutan
5by5.tv Producer

An absolutely fantastic event. Well done—will definitely be back for more!

Russ Weakley
Chair of Web Standards Group
& CSS Summit Attendee

Satisfaction Guaranteed 100%

Buy Tickets


Once you are registered, you will receive a follow-up email to confirm your reservation. Later on, as the event draws near, you will receive a more detailed message, with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.

On the day of the conference, you will receive an email invitation about 45 minutes before everything starts. Click on the enclosed link to sign in and enter the virtual meeting space. Once you are signed in, you'll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees if you like!

Technical Specifications: to attend The Summit, you will need a modern web browser (Firefox 1.5, IE 6 & Safari 2 or newer, for example) and a recent version of the Adobe Flash Player. Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.

Still have questions? Drop us a line or contact us at e4h@heatvision.com if there's anything else you'd like to know.