Schedule for Breaking Development San Diego 2013

From smartphones to tablets to everything in between, a wider variety of computing devices than ever before are being used to get online. These devices have different screen sizes and resolutions, input methods, and even different modes of use. Most organizations have responded to this new reality by creating separate experiences for new devices types: a separate mobile site, a separate tablet site, and so on. But today?s devices are blurring even these lines.

The good news is you don't need lots of different Web sites to provide a great experience across all these devices. In fact, you only need one Web site with a multi-device design. The bad news is it requires a different way of designing and developing for the Web. Find out why and how in this talk from author of Mobile First, Luke Wroblewski.

?Fluid grids, flexible images, and media queries?. Those are the three technical ingredients for responsive web design. But to make a site truly responsive, there are a lot of decisions that need to be made before writing the first media query. Should all devices get the exact same markup? If not, how do you decide what to deliver, and to whom? Should you rely on server-side or client-side solutions? And that?s just the tip of the iceberg.

This session will present some real-world examples of how others have answered these questions, and look at the pros and cons of each.

Tackle all facets of performance optimization for mobile from the back-end fabric of a mobile-acceleration CDN to image optimization, script optimization and overall front-end optimization. Join Mobify's Chief Architect Peter McLachlan for 20 top mobile performance optimization tips in 3 categories: basics, intermediate, Jedi. Leave with a new toolkit of tricks no matter what your level. Whether you've gone responsive or not, make your websites faster to load and snappier to respond on mobile devices.

With over 5 million pages, CBC.ca is one of Canada's largest web properties. As the national Canadian broadcaster, in an ever changing world of news, CBC's multi-platform development is focused on delivering content to millions of Canadians daily on any platform they choose - at any time and any place they want. CBC's decision to go hybrid has helped facilitate fast turn-around times in mobile development and multi-platform delivery.

This session will discuss the challenges and best practices regarding our hybrid app development and the integration of multiple content management systems with several content areas. The importance of focusing on performance during design and development, and placing great emphasize on setting performance budgets will also be discussed during this session.

Performance optimization and automation are key components for delivering fast web app experiences, therefore, developing web apps without embracing performance, will not get you anywhere. Key learning objectives of this session, include: a better understanding of what to look out for when delivering content to your audience, no matter what platform or device they choose, as well as why you should enforce performance as part of your product, design and development life cycle.

While the CSS Flexible Box Layout Module (Flexbox) has gone through some radical changes over the past two years, the specification is now stable enough for designers and developers to give it a hard look. Find out what Flexbox can (and can't) do to save your layout woes and how to integrate into your applications and sites!

There are many features that are coming soon or are available on the web that give you greater control of where and how you place your content to create compelling experiences across different devices and browsers. Learn about the various APIs and CSS Properties that will help you control how your content gets displayed on the web while also making sure you provide a readable experience for those who are on older browsers.

Oh, the elusiveness of "One Web". And yet, increasingly users treat the web as one experience — add a product to your cart from your phone during the morning commute, and finish the transaction in the afternoon at work from your desktop computer.

This presentation will examine what's required to present a consistent, delightful experience to users regardless of where the experience begins, continues, and ends. You'll learn to avoid development mistakes committed by even the most seasoned among us, and you'll see plenty of examples from teams big and small doing it right.

Welcome back to the ?Declarative Renaissance?!

Web Components are going to fundamentally change the way we think, build, and consume web applications for desktop and mobile. ShadowDOM, Mutation Observers, custom elements, MDV, Object.observe(), CSS. How do all these new constructs fit together? What can be used today?

This session will prepare you for the future of the web platform.

Design deliverables can be challenging in a multi-device world. Front-end developers have had their day playing with fluid grids, flexible content, and media queries. Now it's time to let the rest of the team in on the job.

In this session, we'll investigate how to get design approval in the context of a responsive process. We hope to challenge you to get into our medium earlier in your process, demonstrating the benefits of in-browser design review and "Style Prototypes." In addition, you'll learn how these kinds of deliverables can help educate your clients and establish appropriate expectations early in a project.

The right mobile strategy can propel a business into the market quickly and effectively. But in order to know which solution will work best for your business, you need to be clear on the advantages and potential concessions of each, so you can measure them against your business goals. In this session, Moovweb CMO Mitch Bishop will discuss mobile web strategies while making an example of 1-800-FLOWERS.COM mobile site overhaul.

As an early adopter in the mobile space, 1-800-FLOWERS.COM, the world's leading florist and gift shop, recognized the need for improvement and launched an initiative to revamp their mobile site. By developing a comprehensive mobile web strategy, the 1-800-FLOWERS.COM mobile site was dramatically improved by streamlining the checkout process and making it easier for consumers to find products and respond to recommendations. The refurbished mobile site also reflects all the features of the desktop site, making for seamless transitions between the two. By thoughtfully analyzing user behavior on their mobile site, 1-800-FLOWERS.COM saw heartfelt success in the performance of their mobile website, including a 53% reduction in shopping cart abandonment.

Bishop will discuss how the best way to approach mobile is not to simply transport desktop website onto mobile, but to prioritize specific features for the mobile user. The session will also touch on the trend of Responsive Design and why its employment as a one-size-fits-all front end solution can bring forth unexpected challenges.

Much of the conventional design process and documentation we rely on is ineffective when it comes to communicating how we want our designs to translate across a wide range of devices and screen sizes. This talk is all about producing effective, efficient deliverables for an increasingly mobile-accessed Web, and practical design methods you can put into use right away.

But there's a catch: shaking up convention doesn't always come easy. How do you move away from assembly line design processes and an over-reliance on static deliverables? How do you overcome your stakeholders' general misconceptions about mobile use cases? If you've got a chance in hell of getting away with it all, you'll need a few tricks up your sleeve.

This session will cover collaborative sketching methods perfect for breaking mental models and building design consensus. We'll investigate the seeming demise of Photoshop, and you'll hear a whole lotta talk about prototypes—including when and why to use them, and how to pick the best prototyping tool for your project. For designers and developers alike, you'll leave with a toolbox of tricks that can help you pitch your future friendly ideas.

Are you trying to make responsive design scale for a complex site? Building an app, but your organization doesn't have an API yet? If so, you've probably got legacy content?content that already exists, and that doesn't fit neatly into your new project.

What do you do? You could ignore it and end up with one of those responsive homepages that devolve into big content blobs after just one tap, or a one-off mobile site that no one can remember to maintain. You could put it off until it becomes the bane of your existence: the thing that "breaks" your design, because it's way messier than you?ve planned for.

Or, you could deal with it. If you take the time to make existing content work for you?by understanding what you've got, identifying patterns and relationships in its structure, and cutting the cruft along the way?you'll end up with a system that will not just support your content, but _enhance_ its meaning, message, and power.

In this talk, you'll learn how to start analyzing content and understanding its structure?and see how content knowledge can help you build better, longer-lasting digital products of all sorts.