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

-

Orlando 2014

The Venue

orlando-bg

Gaylord Palms

Gaylord Palms Resort 6000 W. Osceola Parkway Kissimmee, FL 34746

The Gaylord Palms Resort and Convention Center brings excitement to life through world-class restaurants, dynamic on-site recreation, and breathtakingly beautiful gardens under glass.
$189 per night Breaking Development attendees can stay at the resort at the discounted rate of $189 per night! To get your discount use this link: https://resweb.passkey.com/go/7cca0382 or call 1-800-GAYLORD.

Workshops

JavaScript The Coding Dojo Way

Have you heard that it takes close to 10,000 hours of practice to gain mastery in a skill? As professional developers with a bevy of technical skills, though, how do we practice? Beyond the day-to-day performance of our craft, how do we hone our skills like a musician might? What does it look like to […]

Read More
david-rogers
David Rogers
IMG_0058
Justin Herrick

Build Right: Collaboration Workshop

The secret to truly successful work is not in the technology used, but in the people involved working together. This beautiful, new, multi-device web requires us to let go of old ways of thinking and invest in our people over our process. Being part of a team that operates like this requires a level of […]

Read More
rob-harr
Rob Harr
Ben-Sparkbox-002-web
Ben Callahan

Responsive Patterns

As responsive web design continues to evolve, we’re confronted with difficult problems about how to create adaptive interfaces that look and function beautifully across many screen sizes and environments. How do we handle navigation that?s four levels deep? How do we deal with large data tables? How well do modules like lightboxes, tabs, embeddable maps and more translate to various contexts?

Read More
brad-frost
Brad Frost

Responsive Design Approach, Design Principles, Process and Workflow

The Web landscape has evolved, so our thinking, process, and workflow need to adapt if we want to keep up. This workshop will take a look at the myriad ways to approach our multi-device Web reality, and introduce some key principles of adaptive design. We’ll also tackle the insanely difficult issue of evolving your team’s process and workflow in order to create amazing multi-device Web experiences.

Read More
brad-frost
Brad Frost

Schedule

November 4

jeremy-keith

Enhance!

Jeremy Keith

We're working on increasingly complex websites. There's a temptation to match this growth with increasingly complex solutions. But there's a real value in keeping things simple ... or at least _starting_ things simple. If you can build a solid robust foundation, there's a good chance that your work will be future-friendly.
jenn-lukas

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
john-saddington

Working Within the Mobile Universe

John Saddington

John will spin us a tale of his adventures as an entrepreneur; his experience launching, living and running a project within the mobile universe.

Lunch

jason-grigsby

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.
hampton-catlin

Why Sass Matters

Hampton Catlin

More and more CSS preprocessors are becoming part of the normal workflow of front end designers, and along with that increase in popularity, the W3C is considering adding more and more features to the CSS language itself. Hampton will talk about why he created Sass and his thoughts on the evolution of Sass along side of CSS. "Mature" language will most certainly be used.
aaron-gustafson

Falling in Love with Forms

Aaron Gustafson

Forms. Without them, the web would not be what it is today, but they are challenging from a markup and styling standpoint. In this session, we will explore forms from top to bottom, examining how they work and how their components can be incorporated with other elements to maximize accessibility, improve semantics, and allow for more flexible styling. You’ll get to see the complete picture with forms, including
  • new HTML5 field types;
  • validation, error messages & formatting hints;
  • how to mark up and style forms for the greatest flexibility in responsive designs; and
  • best practices for enhancing forms with JavaScript.
jason-vanlue

A Study In Pixels

Jason VanLue

Design, the world, and the other side of the screen. Presentation given at the final Front End Design Conference in Portland, 2014.

November 5

brad-frost

Atomic Design

Brad Frost

Over the past few years, we’ve seen the web community create style tiles, element collages, style guides, pattern libraries, and a slew of other tools in order to break interfaces down to their atomic elements. Our interfaces are going more places than ever before, so this shift is essential to help us better understand what our websites consist of in order for us create smart, scalable, maintainable designs. This session will introduce atomic design, a methodology for creating robust design systems. We’ll cover how to apply atomic design to implement your very own design system in order to set you, your organization and clients up for success.
sara-wachter-boettcher

Orchestrating Content

Sara Wachter-Boettcher

Templates, trainings, threats: I’ve tried everything to get content from clients sooner—and mobile hasn’t made things easier. Instead of planning pages, now we’re asking stakeholders to prioritize and manage a million bits of modular content. So how do we keep our subject-matter experts from feeling overwhelmed, prevent carousel-obsessed executives from endless homepage arguments, and get the content we need to make design and development decisions? The answer is in using content strategy as a means to orchestrate, not dictate. Orchestra conductors: Unify performers. Learn how to get your ensemble cast of content producers rallied around shared priorities and goals from the start. Listen and shape. Having a great ear will help you hear problems sooner, so you can better allocate time and resources to the areas that will most shape the content quality. Keep the tempo. It’s hard to focus on the notes in front of you and think about where the song is heading. Learn to help your players stay focused on the details, while showing them how their part helps the whole piece come together. Best of all, you don’t have to be a content expert to be your project’s conductor. In this talk, you’ll learn practical approaches and activities anyone can use to bring harmony to the content process.
wren_lanier

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.

Lunch

jonathan-stark

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.
Ben-Sparkbox-002-web

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.
josh-clark

Mind The Gap: Designing The Space Between Devices

Josh Clark

There's untapped magic in the gaps between gadgets. Multi-screen design is a preoccupying problem as we try to fit our content into many different screens. But as devices multiply, the new opportunity is less about designing individual screens but designing interactions BETWEEN them—often without using a screen at all. Learn to create web and app experiences that share control among multiple devices, designing not only for screens but for sensors. The technology is already here in our pockets, handbags, and living rooms. Learn how to use it right now.