October 2012 Videos
Cache is King!
40-60% of users visit your site with an empty cache at least once each day. 58% of resources don't have caching headers, even though 38% of them go unchanged for weeks. The browser cache is small. We're told localStorage is bad for performance. Is it? Does it depend on how it's used? Application cache is full of gotchas. It's really hard for web developers to test caching in the lab AND in the real world. And yet caching is critical for making a fast web app. Join Steve as he clarifies the problem and various solutions to make your web app leverage the most out of caching.
Solving Performance for 2D & 3D Web Apps: Finally!
There has been much debate about HTML5 mobile apps and performance. This Summer, Facebook announced it’s pulling out of HTML5 and moving back to native because of performance issues. What does this mean for the future of Web Apps? After nearly 2 years of focused research on the underlying causes of web app performance problems, Steve Newcomb, shares his team’s key findings in a frank, pragmatic and informative discussion designed to help developers get their arms around the key issues. In addition, Steve will be sharing a demo that breaths new life into what web app performance can look like if these key issues are addressed.
Webapp Workflow & Yeoman
We rarely talk about the actual mechanics of how we develop webapps, but in this session, we'll get into some new techniques people use to improve their experience. Iterating faster, avoiding bugs through tools, and improved automated testing are great ideas, but in this talk we'll see how to really incorporate them into a functional and realistic developer workflow.
"HTML5: Postcards from the Bleeding Edge"
In this fast-paced and demo-rich talk, Peter will take a look at some of the most cutting-edge HTML5 features and related developments. Warning: these features may only work in nightly builds of a browser, or with experimental flags turned on, but life is more exciting when you live on the edge, right?
Broken Promises of HTML5, and What's Next?
HTML5 has been quite the buzzword for a while now and as developers we are stuck in between a massive demand and a lack of technical support. Devices and hardware that promised to be the bright future of HTML5 are not allowing us to do the things we want to. In this talk Chris Heilmann of Mozilla will show how we can juggle our demands and move forward towards a world where HTML5 is not a cool "nice to have" but the standard it set out to be. There is a lot to be defined and many great things brewing - we just need to push where movement is needed rather than going in lots of different directions.
"Maintainable Workflow with Sass"
Whether you're working alone or on a large team, having a solid CSS architecture is incredibly rewarding and essential for good development, design, and business. As continuous integration gains traction in today's web application development workflows, living style guides and CSS preprocessors like Sass help keep everything in check. Learn how Sass can enable you to create smarter, forward-thinking maintainable web interfaces.
Seamless iFrames: The Future, Today!
In this talk, I give attendees their first glimpse at HTML5's "seamless" iframe attribute. This feature lets iframes inherit certain attributes from their containing document, and promises to be a powerful tool in the future of third-party development. Since seamless only has limited browser support today (only Chrome version 22 implements it), I demonstrate a number of practical techniques for replicating the seamless feature set for older "modern" browsers.
Open Source Tools and Libraries for Designers
Julie Ann Horvath
I've seen the future, and it's not in that layered .psd your designer just handed you. As designers and developers, we build things. And we do it often. But we don't build websites or apps. We build systems. Systems that evolve and grow with a company, its users, and both of their needs. The way we design and build these systems should reflect the living, breathing things we want to create and additionally, leave room for them to grow. The question is how do we make this happen with static assets?
The answer is we set them all on fire. And start in the future. We start in the browser.
Learn how to use GitHub and other open-source tools and libraries to build living, breathing systems in your browser.
Keeping the Dream Alive
The Web's place in history as a flexible & fluid way to store documents is well assured. But in a post-PC world, it's got work to do, and it's looking a little out of its depth. The Web's best hope for the future is if we think about it a little differently and admit what we must do to address its shortcomings.
Building the Web of Tomorrow: A Case Study
Web developers are aware of when new features are available, but what is not obvious is how these features become specifications or get into browsers to begin with. Through the prism of CSS Regions and Exclusions, we shall explore how features are proposed, adopted, and ultimately implemented across browsers.
Dart Today and Beyond
Google's Dart programming language is intended to provide a civilized web programming experience, balancing dynamism with software engineering support and performance. We'll review the essentials of Dart and update you on where we plan to take it down the road, focusing on mixins, reflection, and asynchrony.
Adventures in Single Page Applications
Developers writing single page web application these days apply a set of familiar patterns and techniques, including MVC, namespaced modules and templating libraries. However, we've hit some limitations and challenges with these techniques.
Stop Using Native HTML5!
Ads After Content! Deliver Ads Asynchronously
99% of ads rely on synchronous remote scripts and document.write to insert themselves into the DOM as the HTML is parsed by the browser. This practice bloats page load times and delays the user seeing any content. In an effort to mitigate the effect of ads on user experience, document.write emulators allow you to deliver your ads asynchronously.
Put Some Backbone.js in your Apps
Writing Tactical HTML & CSS
There are a million ways to write HTML and CSS, and everyone has their own, but is there a best way? Code needs to be written in an organized manner, well structured, and performance driven. Working with code should be a joyful experience, not an absolute terror. Using principles from OOCSS and SMACSS methodologies learn how to write tactical HTML and CSS, and build maintainable websites.
You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps.
SPDY and the Road Towards Http 2.0
The HTTP working group is working at full speed on HTTP 2.0 and SPDY is the foundation of the many upcoming improvements. Curious to know what lies ahead for HTTP 2.0, how it will affect and improve performance of our web applications, what problems it solves, and what you need to do to prepare and make the best use of these upcoming changes? Then this is the session for you.
Hampton's 6 Rules of Mobile Design
What makes a good mobile interface? What makes a bad one? Mobile design is drastically different than desktop design. I'll take you through the design process I used for m.wikipedia.org and give you Hampton's 6 Rules of Mobile Design. Also, and most importantly, the mobile development process can give you huge insights into your other interfaces.
Using Node.js to Build Great Streaming Services
Much of what we build these days is about shuffling bits of information around. Learn how to use Node.js to become an expert at bit-shuffling. This session will cover the basics of why Node is great at working with streams, how to make your application more awesome with stream and where Node.js stream support is heading in the future.
The Future is Responsive
The future is here, and the future is responsive. With the explosion of devices that can access the Web, we have to adjust how we design our websites and our digital products. In this talk, we delve into the evolution of responsive design - where we've been and how we got here. We examine the progress we've made so far in creating the tools and methods that allow us to design responsively. We also take a peek into where responsive design is going in the coming months and years. The best way to meet this bold future and create better online products is to prototype and build faster. We'll talk about how you can do just that and the tools within your reach.
SASS, Compass & the new Webdev tools
Developing and maintaining CSS projects can become a tedious task full of repetition. Especially taking care of all the vendor prefixes necessary to make your shiny gradients, drop shadows and rounded corners work in all the many Browsers out there seems so hard that many developers simply give up and go all -webkit-. As it turns out there's absolutely no reason for that. CSS preprocessors like SASS with Compass take the pain out of CSS development and bring the fun back in! Additionally tools like Livereload or CodeKit speed up development even further! I can happily say that my web development work-flow has never been more fun than in the last year. Let me show you why :-)
Touch Me If You Can!
From phones to tablets to desktops, touch is a standard interface for the web and for apps. This session will provide an in-depth technical review, code snippets and best practices of popular touch models, and an introduction to the latest Pointer approach proposed by Microsoft with IE10 and Windows 8 Apps.
Touch Forward: Developing Awesome Cross-Browser Touch Interactions
Bill Fisher will discuss cross-browser touch interactions on mobile phones, tablets and laptops. He will explain why you should enhance your applications with touch events, how to provide consistent experiences across current and emerging platforms, and where touch will be going in the future. He will also show how hardware-accelerated CSS3 animations are essential to providing the best user experience.
Content vs. Configuration: HTML5 in a CMS
There are many different kinds of websites out there, and each one may need to use HTML5 in slightly different ways. When designing a Content Management System that can support any type of website, where can you assume which tags should be used, and where do you need to build a user-interface for selecting specific tags?
Come hear about some of the challenges encountered when updating Drupal 8 to use HTML5, and see some of today's solutions for making the markup for this CMS a little smarter. Since we're currently designing a new user-interface for the next release of this popular CMS, I'd also like your feedback on how much configuration is too much, and where it's essential for the user interface to provide different choices.
The Fox and the Stork: Serving Code for other People's Sites
There's a whole team at Twitter working on HTML code that is NOT for Twitter.com, we call it Twitter for Websites. We will present a few of the challenges we had to overcome in shipping embeddable timelines that should work anywhere in realtime and scale from the desktop down to not-so-smart phones used worldwide. From decisions on where to render what part of the code code (clientside or server-side?) to surviving iframe hell, from templating to busting CDN caching, we have seen a few hairy issues and will share some of the insights we have been able to gather (and scars too).
Steve Newcomb & Mark Lu