Loading…
This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
Note: Hovering over a session title will reveal which room it's in.
View analytic
Friday, October 5
 

2:00pm

Building Rich Applications with Backbone.js

BackboneJS has become one of the most populare client-side MVC frameworks. It gives you a good base for building rich web applications. This presentation will give you an introduction to the framework and how to use it effectively.

Some topics covered in this workshop:

  • - Backbone Views, Models, Collections, and Routers
  • - Using Backbone with a legacy application
  • - Integrating Backbone with a back-end
  • - Best practices

 


Friday October 5, 2012 2:00pm - 5:30pm
Breakout Room 2

2:00pm

The Realtime Web

Building web applications with realtime communications requirements is becoming more and more common. This presentation will give you an introduction to the various technologies you can use to bring realtime data and interaction to your applications.

Some topics covered in this workshop:

  • - History and overview of the realtime web
  • - Connections
  • - Publish/Subscribe Model
  • - Security considerations
  • - Best practices
  • - Tools

 


Friday October 5, 2012 2:00pm - 5:30pm
Breakout Room 1
 
Saturday, October 6
 

7:30am

Breakfast
Saturday October 6, 2012 7:30am - 8:30am
Lobby

7:30am

Registration
Saturday October 6, 2012 7:30am - 8:30am
Lobby

8:30am

Welcome and Opening Announcements
Saturday October 6, 2012 8:30am - 9:00am
Big Room

9:00am

A/B Testing Your Designs With Real Users

Will is going to show how Cars.com tests designs with large segments of real website users with the A/B testing solution Optimizely. Learn how Optimizely lets you test changes at any time on your live site to see how consumers respond to different user interface elements, labels, and task flows. Optimizely runs almost completely in the browser and allows you to inject custom jQuery or other JavaScript. Will's talk includes Optimizely's test creation console and reporting.

 

 


Speakers
avatar for Will Hacker

Will Hacker

Cars.com
Will Hacker is a User Experience Architect at Cars.com, where he focuses on UX design and usability for the mobile web. His background includes user experience design for B2C and B2B ecommerce websites and financial services web products. You can follow him on Twitter or check out his website, willhacker.net.   


Saturday October 6, 2012 9:00am - 9:50am
Breakout Room 2

9:00am

CoffeeScript Patterns Explained

CoffeeScript offers a more succinct syntax to many idiomatic JavaScript patterns. These patterns are absolutely essential to understanding modern JavaScript development. In this talk, I explain these patterns and demystify the JavaScript produced by CoffeeScript. With these patterns in your toolbelt, you'll be ready to write sophisticated JavaScript applications with or without CoffeeScript.

 


Speakers
avatar for Dayton Nolan

Dayton Nolan

DevMynd


Saturday October 6, 2012 9:00am - 9:50am
Breakout Room 1

9:00am

Porting The Server to the Client
Speakers
avatar for Tim Caswell

Tim Caswell

Cloud9
Tim is a lifetime tinkerer.  This began with dismantling his own crib from the inside as a baby to building crazy nodejs prototype libraries as an adult.  He currently works at Cloud9 IDE where he designs and develops new node libraries to solve the unique problems of a cloud-hosted development environment.  Tim is known for his many nodejs libraries as well as writing at sites such as howtonode.org and nodebits.org.


Saturday October 6, 2012 9:00am - 9:50am
Big Room

10:00am

How to Build Web Apps Like Hollywood Makes Movies

Finding the best way to approach website development can be a daunting task. Not only do projects vary widely in size, scope, and team composition, but there are also several different development process models to choose from. 


In this session, we’ll look at the lifecycle of various Web development projects through the lens of Hollywood storytelling. We’ll examine how the narrative structure of various films compares to different process models for site development. And along the way, we’ll talk about some best practices for delivering successful projects that are on time, on budget, and meet customer expectations.


Not only will you come away with a better understanding of how to approach your next Web development project, but you’ll also gain a greater appreciation for the life lessons taught by some of your favorite Hollywood films.


Speakers
avatar for George DeMet

George DeMet

Palantir
George DeMet is the founder and CEO of Chicago-based Web development firm Palantir.net, a member of the Drupal Association advisory board, and the co-chair of DrupalCon Chicago 2011. With more than over 18 years of experience in Web design and development, he’s overseen the development of a full range of custom interactive Web sites and Internet-enabled software for corporate, educational, cultural, and non-profit clients.


Saturday October 6, 2012 10:00am - 10:50am
Breakout Room 1

10:00am

No-Excuses Responsive Design

Mobile web use will overtake desktop by 2015. Your website needs to accommodate your users' new devices, but where to start? Mobile first isn't the only way to design responsively -  I talk about how you can retrofit your sites to target web-enabled devices from smartphones to tablets to televisions, with the best practices for laying out your responsive designs and the code you need to get started. And we'll rebuild a decade-old site for mobile with minimal CSS in the process. No more excuses for ignoring your mobile users, just what you need to make it work right now.


Speakers
avatar for Catherine Farman

Catherine Farman

WebLinc
Catherine is a front-end developer living and working in Philadelphia, PA. She currently works for ecommerce vendor WebLinc, and was previously Web Developer/Designer at Bryn Mawr College, where she led multiple redesigns and learned how to bend responsive design to the needs of a diverse college community. She took an interest in mobile after becoming frustrated by the hard-to-use websites she tried to read on her iPhone during her commute... Read More →


Saturday October 6, 2012 10:00am - 10:50am
Big Room

10:00am

Path, Properties, Paint: HTML5 Canvas and the Pervasive Pixel Painting Protocol

Sometimes, stacking divs and fiddling with CSS just doesn't cut it.  The canvas tag gives us an escape hatch - an infamous blank rectangle.  Unlike applets and Flash, canvas is orchestrated by the same javascript you already use to run your web site.  Canvas is a strange beast however; while it gives us a "blank canvas" perfect for painting and blending effects, the API is largely vector based, which makes it easy to do shapes and outlines that can be smoothly transformed.
We'll take a (brief) peek at how this bizarre combination came about, and then dive into the way canvas "thinks" - the drawing model that you'll need to bend it to your will.


Speakers
avatar for Justin Love

Justin Love

Justin Love started tinkering with canvas 2007, before it escaped from the OS X Dashboard to the larger web.  He has also implemented most of the canvas API to create a canvas-to-postscript converter. | Justin has programmed everything from microcontrollers to SQL and FoxPro to C++, and currently runs the Chicago Javascript group and helps out with the ChicagoRuby group.  He is currently working on a mobile web product and light... Read More →


Saturday October 6, 2012 10:00am - 10:50am
Breakout Room 2

11:00am

Building Living Web Applications with WebSockets

Take your desktop and mobile Web apps to the next level with true, real-time connectivity. Learn how to build real-time, multi-user interaction and collaboration into your Web apps using HTML5 and WebSockets. Whether you want your app to be a real-time retail experience or a fast-paced MMO, you’ll learn hands-on skills to turn your mobile apps into live apps, by building peer-to-peer mobile apps, mobile-desktop interaction, and even turning your smartphone into a Nintendo Wii-style remote control.

 


Speakers
avatar for Peter Moskovits

Peter Moskovits

Kaazing
Peter Moskovits: Peter is a Developer Advocate for Kaazing, a software company enhancing the way business and customers communicate across the Web using the new HTML5 WebSocket standard. Peter works closely with the developer community to architect and deploy the best possible web communication solutions. | Before joining Kaazing, in various product management leadership roles Peter was responsible for Oracle's portal product strategy.Peter... Read More →


Saturday October 6, 2012 11:00am - 11:50am
Breakout Room 2

11:00am

Designing the Hi-DPI Web

Now that many smartphones, tablets, and now computers ship with high-density (or, as Apple calls them, “Retina”) displays, web designers face a new challenge. How can we design and deliver crisp, beautiful web graphics to this new generation of devices, where a pixel is not always a pixel?

I’ll talk about techniques and strategies you can use to support these devices on your sites and applications today, as well as emerging web standards that will make Hi-DPI support even easier in the years ahead. And because so many of these are mobile devices, I’ll also discuss how Hi-DPI support relates to responsive web design, for the best possible experience on every kind of screen.

The pixel is dead—long live the (device independent) pixel!

 


Speakers
avatar for David Demaree

David Demaree

Typekit
David Demaree designs user experiences and builds Rails applications on the Typekit team at Adobe Systems. After studying painting and filmmaking at art schools in Alabama and Chicago, David built his first serious web sites in 2002 and the rest, as they say, is history. David has written articles for A List Apart and The Typekit Blog, and given talks on everything from naming semantics to search engine infrastructure. You can follow him on... Read More →


Saturday October 6, 2012 11:00am - 11:50am
Big Room

11:00am

Introduction to Ember.js
Speakers
avatar for Gabriel Grant

Gabriel Grant

dotCloud
As web lead at dotCloud for the past year, Gabriel spent his time mashing together Python with both browser- and Node.js-based JavaScript to create applications used by thousands of developers.   Gabriel now spends more of his time doing developer advocacy -- acting as dotCloud's "customer-in-residence" to ensure the company is producing a product developers love.   He maintains and contributes to a number of open source projects... Read More →


Saturday October 6, 2012 11:00am - 11:50am
Breakout Room 1

12:00pm

Lunch
Saturday October 6, 2012 12:00pm - 1:00pm
Lobby

1:00pm

Welcome to the Music Industry...You're F%*KED
Speakers
avatar for Martin Atkins

Martin Atkins

Martin Atkins is the definition of entrepreneurial activity in cultural arts endeavors. His three decades in the music business spans across genres, borders and industries. Having experience in nearly every aspect of record production and promotion has givenMartin a unique perspective not only on where the music industry is currently, but where it is going in the future. | After playing drums in a variety of English bands, Martin auditioned for... Read More →


Saturday October 6, 2012 1:00pm - 1:30pm
Big Room

1:45pm

HTML on steroids - Angular.js

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

This presentation will introduce you to AngularJS through a short set of slides and then a live-coding demonstration building out a small AngularJS application.


Speakers
avatar for Oren Golan

Oren Golan

YP.com
Node hacker at night, JS/Ruby developer at day, compulsive collector of Hello Kitty accessories and Engineer at YP.com   


Saturday October 6, 2012 1:45pm - 2:35pm
Breakout Room 2

1:45pm

Teaching Our CSS To Play Nice

As our websites, applications and teams grow larger and more complicated, so does our CSS. Before we know it, we find ourselves no longer with cute little stylesheets, but sprawling, surly teenaged CSS that doesn’t always play nice with others. We need to learn how to manage and optimize our CSS no matter how large the project or diverse the team. If we start early, we can use best practices for organization, formatting and syntax, along with tools like pre-compilers (especially Sass and Compass), frameworks and style guides to raise full-grown stylesheets any designer or developer would be happy to work with.

 


Speakers
avatar for Jen Myers

Jen Myers

Relevance
Jen Myers is a web/interface designer at the software company Relevance. She works from Columbus, Ohio, where she also teaches HTML/CSS and organizes the coding education program Girl Develop It Columbus. Her particular areas of interest are user experience, teaching innovation and the intersection between design and development. She also likes good movies, comic books and frequently changing her hair color.  


Saturday October 6, 2012 1:45pm - 2:35pm
Big Room

1:45pm

UX for Humans

Making things usable is about being human, it's not about techniques, processes or "users". This session will provide a more human approach to creating great user experiences, introduce you to the red onion test, and show how anyone in your organization can contribute. "UX for Humans" ends with a set of instantly appliable actions to try out when you get back to work. 

 


Speakers
avatar for Sussi Zällh

Sussi Zällh

Nansen
Sussi is a highly experienced Interaction Designer and IA specialist with a background in Human Behavioral studies.    Primarily based at Nansen's HQ in Stockholm, Sweden, Sussi guides clients on both sides of the Atlantic on the path to functional and highly engaging apps and services. She is a sought after educator and works closely with the startups we incubate under the Nansen Greenhouse program in Stockholm.  


Saturday October 6, 2012 1:45pm - 2:35pm
Breakout Room 1

2:45pm

Panel Discussion: Future of the Web

We turn to a panel of experienced web developers and designers to explore what the next few years will bring to the web.  Questions from the audience will be encouraged ;)


Speakers
avatar for Tim Caswell

Tim Caswell

Cloud9
Tim is a lifetime tinkerer.  This began with dismantling his own crib from the inside as a baby to building crazy nodejs prototype libraries as an adult.  He currently works at Cloud9 IDE where he designs and develops new node libraries to solve the unique problems of a cloud-hosted development environment.  Tim is known for his many nodejs libraries as well as writing at sites such as howtonode.org and nodebits.org.
avatar for David Demaree

David Demaree

Typekit
David Demaree designs user experiences and builds Rails applications on the Typekit team at Adobe Systems. After studying painting and filmmaking at art schools in Alabama and Chicago, David built his first serious web sites in 2002 and the rest, as they say, is history. David has written articles for A List Apart and The Typekit Blog, and given talks on everything from naming semantics to search engine infrastructure. You can follow him on... Read More →
avatar for Jen Myers

Jen Myers

Relevance
Jen Myers is a web/interface designer at the software company Relevance. She works from Columbus, Ohio, where she also teaches HTML/CSS and organizes the coding education program Girl Develop It Columbus. Her particular areas of interest are user experience, teaching innovation and the intersection between design and development. She also likes good movies, comic books and frequently changing her hair color.  
avatar for Dayton Nolan

Dayton Nolan

DevMynd


Saturday October 6, 2012 2:45pm - 3:30pm
Big Room

2:45pm

UX for Developers

A crash course of tools and techniques for developers to develop better products by considering the user experience.

 


Speakers
avatar for Pek Pongpaet

Pek Pongpaet

Firesnake Labs
Pek Pongpaet is the creator of Pinstagram, an Instagram viewer for the web and iPad. Pek's expertise is product, user experience, and front end development.   


Saturday October 6, 2012 2:45pm - 3:30pm
Breakout Room 1

3:30pm

Afternoon Coffee
Saturday October 6, 2012 3:30pm - 4:00pm
Lobby

4:00pm

Data Visualization - The World Doesn't Need Another Map

Sometimes ideas drive technology; sometimes it's the other way around.  We'll show data visualization projects they've worked on and talk about coming up with ideas and their technical execution. Data examples will be drawn from crime, criminal justice, political transparency, and public transportation. Code examples will include D3, Highcharts, and some homegrown methods.


Speakers
avatar for Paul Baker

Paul Baker

Webitects
Paul Baker is a designer at Webitects and Open City working on data visualization projects.
avatar for Nick Rougeux

Nick Rougeux

Webitects
Nick Rougeux is a designer at Webitects and Open City working on data visualization projects.


Saturday October 6, 2012 4:00pm - 4:50pm
Breakout Room 2

4:00pm

Sketching Your Way to a Better Design

This hands-on session will cover a low cost, yet powerful design approach that will help you make better design decisions.

We'll work in 2 different modes:
1. Individual sketching against requirements
2. Collaborative group sketching against requirements

Each mode will include a "Pitch & Critique" phase that provides areas of excellence and areas of improvements that will guide teams to clear design direction.

In a more standard workshop approach, attendees create questions and engage with users to obtain even further refinement details and direction, and in this abbreviated version we will explore how this can be applied on your own.

Think you can't sketch or draw--or think your designs will be the worst in the room? Don't be; you'll be provided with the core information that you need to be effective.


Speakers
avatar for Russ Unger

Russ Unger

UserGlue
Russ Unger is a Senior UX Leader at GE Capital. He is co-author of the book “A Project Guide to UX Design” for Peachpit Press (Voices That Matter) and the book on "Designing the Conversation" with Dan Willis and Brad Nunnally, due out in early 2013, as well as co-authoring a book on guerrilla design and research methods with Todd Zaki Warfel due out well, sometime. Russ is also on the Advisory Board for the Department... Read More →


Saturday October 6, 2012 4:00pm - 4:50pm
Big Room

4:00pm

Writing Code for Users

"When you're a programmer you tend to think of solutions in terms of code. When a problem comes along your mind jolts to thoughts of potential implementations. Clever ideas. Libraries that could be leveraged. Databases that could offer interesting solutions. This is our job to think about these things. But unfortunately we're not listening.


In this talk we'll look at two different approaches to building an application. First, we'll look at how a "code first, ask questions later" approach can lead to poor architecture and make developing a UI very difficult. Then we'll take a look at my proposed approach that focuses on users via UX and can be helpful in leading us to design a cohesive system that solves the right problem."


Speakers
avatar for Ryan Briones

Ryan Briones

Ryan has been writing software for 15 years and most recently has joined the team at the City of Chicago's Department of Innovation and Technology. At DoIT, Ryan is helping design and build systems to contribute to the City's continued excellence. Ryan's passion is fueled by continuous learning, large-scale data systems, quality meats and specialty coffee.  


Saturday October 6, 2012 4:00pm - 4:50pm
Breakout Room 1

5:00pm

7:00pm

After Party :)

This year our after-party is graciously sponsored by Typekit.  We'll have an assortment of food and beverages, there will be music, more giveaways, and a lot of fun hanging out with the Chicago web community.


Saturday October 6, 2012 7:00pm - Sunday October 7, 2012 12:00am
Big Room