lanyrd mail arrow-left arrow-right flickr vimeo twitter facebook tumblr


Nashville 2014

The Venue


Gaylord Opryland

2800 Opryland Drive Nashville, TN 37214

The Gaylord Opryland Resort and Convention Center, the flagship property of our Gaylord Hotels family, has nine acres of indoor gardens, cascading waterfalls and an indoor river with their very own Delta flatboat, all this and a large array of restaurants and entertainment spots to enjoy.
$179 per night Breaking Development attendees can stay at the resort at the discounted rate of $179 per night! To get your discount, either register online or call 1-877-491-7397. Make sure to use the following code when booking your rooms by phone: CPI


Getting Offline—HTML5 Offline Features For Better, Faster, Smarter Apps And Sites

You’ve probably heard that HTML5 provides developers with all kinds of “offline” capabilities for their sites and apps. But you might not be so familiar with how these technologies. such as the Application Cache, localstorage, and FileSystem APIs can help make any web site better, faster, more user friendly.
Workshop class is Monday July 28th
[check in at 8am – workshop starts at 9am]

Read More
John Allsopp

Frontend Developer Tooling

The Build Right Frontend Tooling Workshop will help you eliminate development pain and friction by introducing you to modern development processes and tools. Staying ahead of the curve is difficult, and it’s easy to quickly feel out-of-date or left behind.
Workshop class is Monday July 28th
[check in and workshop starts at 1pm]

Read More
Adam Simpson


July 29


Mobile Design Now

Luke Wroblewski

Mobile is eating the world. As portable computers continue to take over, PCs aren’t keeping pace and neither are our PC design tendencies. Simply porting over existing desktop experiences isn’t enough. We need to think, design, and build digital experiences differently for today’s mobile world.

Content-first UX Design

Steph Hay

Get a practical design process that starts with real content rather than ends with marketing fluff. See how to map conversations as a first step to designing customer-centric user experiences.
  • Establish a content-based roadmap to guide design, development, and marketing
  • Anticipate common UX content gaps, like error messaging or email content
  • Test messaging for understandability before it’s designed or coded
  • Enhance your content with design and functionality—not the other way around

Interactions and Mobile Devices (Conquering the Responsive Mouse Trap)

Jenn Lukas

We have the technology to add amazing interactions to our websites. With just a little bit of CSS or JavaScript, we can layer enhancements and animations onto our pages which allow our visitors to interact with our content in different ways. These enrichments, if used responsibly, can make our sites fun, memorable, and more enjoyable to use. Examples of interactions we see range from common drop-down menus for navigation to interesting, in-depth transitions while hovering over links. Often, we rely on our mouse device to trigger actions on our sites. While we don't want to lose these interactions, we also need to find solutions for our visitors without a mouse. These days, we have users browsing our websites on desktops with a mouse, desktops that can touch, small screen mobile phones, large screen tablets, and more. Sometimes the endless possibilities for our audience might seem daunting, but we can find ways to make sure we optimize our site experience for the majority of our users without sacrificing our vision. We'll take a look at:
  • How interactions on your website affect your visitors
  • Ways to create meaningful and useful interactions with CSS animations and transitions
  • What happens to our actions and enhancements on mobile and touch devices
  • Options to make sure our interactions work well on all devices while maintaining design integrity



The Past, Present, and Future of Responsive Images

Mat Marquis

The goal of a “responsive images” solution is to deliver an image ideally suited to the end user’s ever-changing context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t proven to be quite so simple in practice as it seems to be in theory. Small screens should get smaller images, sure, and large screens should get larger ones. Naturally, only high-resolution displays should qualify for high-resolution images, but what if that user has limited bandwidth available? Would the low-resolution image be preferable—and at what point? Explore the path to a standardized solution, look at some of the proposals that will be shaping our future work; and learn techniques we can use to start saving our users’ bandwidth today.

Web Designer/Motion Designer

Val Head

With the current state of CSS and JavaScript the web has seriously stepped up its animation game. As web designers and developers we’ve never had to understand animation principles like we do now. Smart animation comes from thinking like a motion designer when adding animations and transitions to our web work. There is a huge depth of knowledge we can pull from while we design and build the new UIs of the web.

In this session we'll cover key animation principles like timing, offsets, arcs, and others as they apply to UI work on the web. And we’ll demonstrate how to pull off common animation tricks of the trade in CSS. This is your one-hour crash course into becoming a web animation pro!


Offline First is the new Mobile First

John Allsopp

Frequently not having any data connection in even the wealthiest and most developed cities of the world has led us to conclude that no, the mobile connectivity/bandwidth issue isn’t just going to solve itself on a global level anywhere in the near future. So how do we build web sites and apps that work as well when the user is offline as connected? Let John Allsopp show you, as we cover the core technologies to help us do so, including AppCache, localStorage, the FileAPI, and some related emerging technologies as well. We'll cover why and how to use these technologies, and most importantly, some of the subtle gotchas to watch out for.

July 30


Real-World Responsive Design: A behind-the-scenes look at the Entertainment Weekly redesign

Jonathan Stark

Responsive web design techniques help designers and developers cope with an incredibly fragmented computing landscape. But tools are just one part of the story. RWD requires a new mindset, process, and workflow for everyone involved with the project, including client stakeholders (yikes!). Join Jonathan for a behind-the-scenes look at what did - and didn't - work on the responsive redesign of the Entertainment Weekly mobile site.

Adaptive Input

Jason Grigsby

Windows 8. Chromebook Pixel. Ubuntu Phone. These devices shatter another consensual hallucination that we web developers have bought into: mobile = touch and desktop = keyboard and mouse. We have tablets with keyboards; laptops that become tablets; laptops with touch screens; phones with physical keyboards; and even phones that become desktop computers. Not to mention new forms of input like cameras, voice control, and sensors. We’ve learned how to respond to screen size. Our next challenge is learning how to adapt to different forms of input.

Designing on the Z-Axis

Wren Lanier

Multi-layered interfaces are an important part of every mobile UX toolbox. Flat may be trendy, but depth is where it's at. Whether you’re designing for mobile web or a native app, the z-axis can help you create better design systems that are more flexible and intuitive to use. In this session, we'll look at ways layers and transitions can be combined to solve tricky UI problems and create more immersive mobile experiences. Based on the A List Apart article by the same name.



Mobile Web at Etsy

Lara Swanson

Etsy is an online marketplace whose community spans the globe with buyers and sellers coming from more than 150 countries. In this talk, Lara Swanson will share Etsy's approach to developing for mobile web for a global audience, including the challenge of getting an organization to care about mobile web and performance. She'll cover the mistakes made and lessons learned from user agent sniffing, asking engineering teams to develop for the mobile experience, and planning for a transition to responsive web design. She'll also cover the building of Etsy's device lab and will provide tips on contextualizing and developing for your growing mobile userbase.

Small Screen Navigation

Ben Callahan

We’ve made a lot of assumptions about what makes for the most usable navigation experience on small screens—hamburger icons, off-canvas solutions, expanding elements. Countless options exist. This presentation is a careful examination of emerging patterns, as well as techniques for determining which of those patterns work best for specific architectures and project types. You’ll be encouraged to stop guessing and start testing—and leave with a clear understanding of what’s possible and the tools to make your case to a client or boss.

Build for Speed: How to Prototype and Test Any Product in 5 Days

Daniel Burka

The current way most of us build applications is broken. Teams go through the classic agile pattern: ideate, build, launch, measure, iterate, repeat. Even when executed efficiently, this process stifles innovation under the burden of engineering and product launching. Using real-world examples, Daniel will show how to test your theses more quickly and increase the overall effectiveness (and happiness!) of your team.