Front-Trends 2012 schedule

Thursday 26th April 2012

  • Web: Platform or Pile 'O Hacks

    by Alex Russell

    As we contemplate the quickly-approaching future of the web-as-platform, much of the ground we're building on feels un-even. Why do we have access to OpenGL, yet JavaScript doesn't have any native way of talking about the binary data that underpins that system? Why does <canvas> create a an imperative drawing surface which is entirely un-integrated with the rest of HTML element drawing lifecycle? This and many more deep mysteries lie at the boundary between markup, CSS, DOM, and JavaScript...all under-pinned by the same piles of C++. Where do we go from here? Is there hope of a rational, coherent platform? How can we get there from here?

    At 9:50am to 10:20am, Thursday 26th April

  • Responsive Redesign: Smashing Magazine's Case-Study

    by Vitaly Friedman

    You know it’s time to redesign when your design is becoming your own bottleneck — incapable of reflecting your changes, values and the new direction of your enterprise. If your list of necessary UX improvements is getting longer, yet you can’t meaningfuly integrate them in your current design, that’s a clear sign that something has to change. That’s exactly the issue Smashing Magazine's team faced before it decided to redesign Smashing Magazine back in July 2011. In this talk Vitaly Friedman, the founder and editor-in-chief of Smashing Magazine, provides practical insights into the responsive redesign process and the decisions made (and rejected) during the process. Vitaly will share how the team transformed the new vision in the new design, explain technical difficulties and problems in the responsive design process as well as things to keep in mind when dealing with legacy content.

    At 10:20am to 10:50am, Thursday 26th April

  • What We Don't Know

    by Chris Coyier

    On any given request for a website, there is precious little we know about the players involved. We don't know who the user is, where they live, what they speak, really anything about them. They are using a browser, but we don't know what that browser is. We don't know how they interact with that browser. That browser is on some device that we don't know about and we don't know how that device connects to to the internet. All we know is about the server where our website is hosted and the files we put there. We can make a better web by accommodating these unknowns.

    At 11:10am to 11:40am, Thursday 26th April

    Coverage photo

  • Mobile Safari: Bring Your Machete

    by Dave DeSandro

    The iOS platform offers one of most reliable mobile web browsers in its Mobile Safari. Yet, even for all its advantages, front-end development with Mobile Safari is riddled with numerous thickets of briar patches and hidden pitfalls. Dave will discuss his experiences developing creative solutions for iOS and taking on the unexpected limitations of the platform.

    At 11:40am to 12:10pm, Thursday 26th April

  • Patterns for Organizing Non-Trivial JavaScript Applications

    by Rebecca Murphey

    In the bad old days of JavaScript, our days were spent fighting through a thicket of DOM differences. These days, we've pretty much conquered those challenges thanks to tools such as jQuery, but our new challenge is figuring out how to adapt as more and more of our application logic moves from the server to the client. We have great tools like Backbone, Ember, Knockout, and more, but in order to use them effectively, we need to do more than learn their APIs -- we need to learn to think about our code beyond the DOM-centric ways of the past. In this talk, I'll look at useful patterns for thinking about client-side a12pplication development that will help you avoid creating a tangled mess of code.

    At 12:30pm to 1:00pm, Thursday 26th April

  • Breaking Good Habits

    by Harry Roberts

    Solving the right problems for the right people; looking at how some of our so-called best practices hinder, rather than help.

    At 1:00pm to 1:30pm, Thursday 26th April

  • HTML5, Internet Explorer and Windows 8 - The Microsoft Story

    by Daniel Biesiada

    Newly coming release of Windows, now officially called Windows 8 reshapes the developer’s perspective significantly. It also is a new opening toward frontend, web developers with wide adoption and embrace of HTML5 related technologies. It touches the next version of the browser – Internet Explorer 10. It also includes a new proposition for apps native to the OS. All developed in HTML5, CSS3 and Javascript. This technical presentation represents a fair view of Microsoft strategy for the future, of course in the context of HTML5.

    At 2:30pm to 3:00pm, Thursday 26th April

  • Style Guide-Driven UI Design With SASS

    by Jina Bolton

    For both designers and developers, whether you’re working alone or on a large team, having a solid UI Library and CSS architecture is incredibly rewarding and essential for your application. As continuous integration gains traction in today’s web application development workflows, living user interface style guides and Sass help keep everything in check. Learn how you can create smarter, forward-thinking maintainable web interfaces.

    At 3:10pm to 3:40pm, Thursday 26th April

  • Mind The Gap

    by Julien Gachadoat

    With the rise of online applications, Javascript has got much attention for the past few years from browser vendors. Its combination with native graphic interfaces (WebGL, canvas) has offered a whole new playground for people using code as a creative tool. Meanwhile Javascript has stepped out the browser and has made its way to creative environments such as Openframeworks or Cinder, linking the power of desktop applications and the flexibility of scripting. Through examples and initiatives, we will see how Javascript has become an important tool in the creative coding scene.

    At 3:40pm to 4:10pm, Thursday 26th April

    Coverage slide deck

  • HTML5 JavaScript on Crack

    by Kyle Simpson

    One of the most exciting aspects of HTML5 is the addition of many helpful and powerful JavaScript API's. Some are attached to presentational elements (<canvas>, <video>, etc), and others are deeply rooted in JavaScript developer land (localStorage, Web Workers, etc). This talk will explore various advanced JavaScript API's in the context of how to weave them all together into a multi-player web-based game. Topics include: <canvas>, History API, localStorage/sessionStorage, appCache, Web Sockets, Local Files, Web Workers.

    At 4:30pm to 5:00pm, Thursday 26th April

  • CSS in the 4th Dimension: Not Your Daddy's CSS Animations

    by Lea Verou

    CSS2.1 was two dimensional: There was no concept of depth or time. CSS3 brings us some control over both, with transitions and animations for the latter. In this talk we will start from the basics of these new specifications, but will quickly move to more advanced tips and tricks to fully leverage these exciting technologies. The talk will follow Lea’s trademark presentation style with live code examples, that has been praised by audiences all over Europe.

    At 5:00pm to 5:30pm, Thursday 26th April

  • The Web is the Platform—Mozilla's mobile OS

    by Zbigniew Braniecki

    The mobile landscape is so hot these days. With laser pointers on a forehead, it is the place where both, the companies that missed the web revolution and the ones that surfed on its weave, rush to secure their slice and defend it. But in the light of what the Open Web has accomplished over last years, turning the Web into diverse, vibrant and innovative ecosystem, the technology stack offered on the mobile is depressing. Proprietary APIs, locked down platforms and users, exclusive app markets, developer entry barriers and non-hackable source code. Can we do better? You bet :)

    At 5:40pm to 6:00pm, Thursday 26th April

    In Soho Factory

  • Future of web applications. Where client doesn't need server

    by Mariusz Nowak

    We're entering the world in which JavaScript (with HTML5 features) allows us to build full blown applications that reduce need for server-side to absolute minimum. In my short speech, I will present latest project that work exactly that way and demo the solutions that you won't find in regular web applications as we know them today. I will also talk about current trends, and what we may expect from web in not that far future.

    At 6:00pm to 6:20pm, Thursday 26th April

    In Soho Factory

    Coverage video

Friday 27th April 2012

  • Refactoring JavaScript - Big Bang Theory?

    by Krzysztof Szafranek

    Refactoring is an act of balance between deadlines and the striving for perfection. When is the right time to perform refactoring? What should be its goals? How to get the most from it without making your bosses go crazy? In his talk Krzysztof will share techniques that will make you a faster developer and your code more readable and robust.

    At 9:50am to 10:20am, Friday 27th April

  • How Browsers Work Internally

    by Tali Garsiel

    What exactly happens after you enter a URL, until you see the site content? There is a well defined flow of actions that the browser does internally, like building the DOM and render trees and painting. There is also a set of optimizations taken to ensure that the web site is presented quickly and smoothly. The rendering of the web site is not a single action by the browser, but a set of small updates and constant reactions to interactions. Looking beneath the surface you'll be surprised by the amount of activity taking place in these milli seconds. Being aware of these internal actions can help us take better decisions in creating a more efficient and robust web sites.

    At 10:20am to 10:50am, Friday 27th April

  • JavaScript: The Subsets We Use

    by Olov Lassus

    Is it possible to make our programs more robust, easier to reason about and more enjoyable to write by carefully restricting our usage of the JavaScript language? Let's talk about that.

    At 11:10am to 11:40am, Friday 27th April

  • Pushing The Boundaries Without Breaking The Web

    by Rachel Andrew

    This is an exciting time for front-end development. The support of modern browsers for CSS3 and HTML5 is excellent and improving all the time. Before we get too excited about all the new shiny features we have to play with, we need to remember that in many ways the future of the open web is in our hands. We want to take advantage of new features. We need to push the boundaries of what is possible and what ought to be possible. However we need to do this without storing up problems for ourselves as web developers in the future, and without disadvantaging users who may be using older browsers through no fault of their own.

    At 11:40am to 12:10pm, Friday 27th April

  • 10 Things I Didn’t Know About HTML

    by Mathias Bynens

    Web development never gets boring to me. Not just because nowadays, new “HTML5” technologies are emerging like tubes of spaghetti at a pasta factory — but mostly because *there’s always something new to learn*. Even the oldest, most reliable features of HTML/CSS/JavaScript, “the basics” that we take for granted every day, are full of hidden gems or restrictions. During this talk, we’ll take a look at the more obscure parts of HTML, CSS and JavaScript, and demystify some of them.

    At 12:30pm to 1:00pm, Friday 27th April

    In Soho Factory

    Coverage video

  • Designing in the Browser

    by Divya Manian

    Each website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30" iMac that is connected to the Internet via tethering. PhotoShop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

    At 1:00pm to 1:30pm, Friday 27th April

    Coverage video

  • Alice.JS: A Lightweight Independent CSS Engine

    by Luca Sale

    AliceJS is an open source micro javascript library (http://blackberry.github.com/Alice) that simplifies doing advanced animations with CSS. It’s self contained and works directly against the DOM to support a variety of use cases for web applications. With one line of JavaScript code, you can make almost any DOM elements swerve around the page while retaining a great amount of control with respect to animation parameters. Additionally, the framework introduced the concept of Organics, adding randomization characteristics to create visual effects that are subtly different each time they play out. Used for games as well as regular business apps, AliceJS can help bring freshness and polish to your work in a very simple and straightforward manner.

    At 2:30pm to 3:00pm, Friday 27th April

  • Same Flash Different Code

    by Alex Girón

    A long long time ago before Canvas, SVG, CSS3 there were these things called java applets and flash movies. Are we reinventing the wheel? Let's take a trip down memory lane, talk about where we've been, where we're going and how can we break out of the cycle.

    At 3:10pm to 3:40pm, Friday 27th April

  • Design Processes, Not Interfaces

    by Tiffany Conroy

    Computers are tools that help people accomplish tasks by making the process easier, faster, cheaper, less error-prone, or just more fun.

    But what tasks? And by what process? What parts of the process can the computer make better? How can users interact with the computer to make it do its part of the process? Only lastly can we ask: what must be presented to the user and how?

    At 3:40pm to 4:10pm, Friday 27th April

  • Learning to Teach

    by Bartek Szopka

    Open web gives us a unique opportunity to learn about web technologies from the web itself. The source of every web page, stylesheet or script is only few clicks away, so it can easily become a learning material. I strongly believe that—as the builders of the web—we should care especially about those visitors of our web sites who want to learn something from our code. … And yes – the word ‘learn’ will occur many times in many forms during this talk.

    At 4:30pm to 5:00pm, Friday 27th April

  • When to Node?

    by John Schulz

    What is NodeJS? What does it do well? What does it not do well? When is it appropriate for your project? What are some cool things it can do? We'll cover these questions and more and you'll leave knowing "when to Node".

    At 5:00pm to 5:30pm, Friday 27th April