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.
Presented by Luke Wroblewski (@lukew, lukew.com) at the July 2013 Breaking Development Conference in San Diego, California.
"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.
Presented by Erik Runyon (@erunyon) at the July 2013 Breaking Development Conference in San Diego, California.
The time it takes for the first page to load is important, but it's only one factor amongst many when it comes to how users engage with your website or web app. This is particularly the case on mobile where bandwidth and latencies are considerably higher than for typical desktop browsers. It is imperative that the performance community recognizes the flow visitors follow when they interact with you on the web. To build fast, rich websites we cannot rely on new networking technology or web browsers to solve problems caused by network latency. For performance sensitive applications, developers must take control at the application layer in order to ensure timely access to the right resources.
In this talk Peter will discuss approaches for measuring and improving visit performance on mobile. These approaches include client-side measurement of visit-specific factors such as device and browser properties, estimated bandwidth and latency, and how you can sample these to build a visit profile that will improve performance. Peter will also discuss speculative pre-loading of resources, and a pre-loading strategy that optimizes loading the right resources at the right time. Taking into account that pre-loading impacts end-user battery life and data charges, special attention will be given to how it can be done ethically so it does not place excess burden on the visitor.
Presented by Peter McLachlan (@b1tr0t, mobify.com/) at the July 2013 Breaking Development Conference in San Diego, California.
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.
Presented by Barbara Bermes (@bbinto, bbinto.wordpress.com/) at the July 2013 Breaking Development Conference in San Diego, California.
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!
Presented by James Williamson (@jameswillweb, simpleprimate.com/) at the July 2013 Breaking Development Conference in San Diego, California.