first dayWednesday, April 24th
JS errors, they come from browsers. In various forms, languages and if they are happening in a customer you don't see them. We have a jungle of browsers out there, between desktop, mobile, tablets, tv's etc. Different flavors with the same pain in the end. I will show a simple approach to log your JS errors, adding stack trace information for them using stacktrace.js. On top of this solution, a simple charting and logging that you can use for, per example, monitoring rollouts of your app.
Currently based in Amsterdam, Diogo is a Client Side Dev mostly focused in optimization JS, HTML and CSS at booking.com since February 2012. And of course, some Perl pro-efficiency is now being acquired. Before he was a JS dev at sapo.pt working at LibSapo.js, the in-house JS library, and several other kick ass projects from 2009 to January 2012.
Being in love with JS and all the world around it. Although he doesn’t stay away from SSJS, he loves the browser environment and that’s where he’s mostly focused.
Avid blog reader, he needs to be always be up to date so he can keep his sanity.
When not hacking or reading, going to the movies, surf, cycling (Amsterdam style), sharing the pleasures of beers with friend or assembling Lego.
UI testing has been around for years, but never been part of a hype, never made it into the daily workflow of most frontend devs, never has been seen as one of these things that makes our lives easier.
Why is this essential tool in our chain treated like a misbehaving stepson?
In this talk we will answer that question, looking back to when it all started to go wrong, examine the current state and looking into the future and how we can bring the power of UI and e2e testing back to the people who build the frontend of the web.
Most of the web world currently seems to evolve around the western world. As opposed to most cutting edge design & technology originating from the US and Europe, actual users are spread all over the world, and they're hungry. Still a lot of web products are focused on the western world, even though the 'other side' offers huge opportunities and potential for growth, especially in the mobile market.
This talk will give some insight on the Asian market, statistics and user behaviour in comparison to the western world, cultural differences and personal challenges encountered along the way.
Holger is a digital strategist and web developer, living in Hong Kong where he opened an office in 2009, after co-founding uforepublic in Germany in 2001. He now mostly works as a freelance consultant and developer, being passionate about bringing the latest in web technologies to Asia and to build awareness for a future-friendly & standards-based web.
Estelle Weyl started her professional life in architecture and then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, SurveyMonkey, Yahoo!, Apple, and many others. Estelle provides tutorials and detailed grids for CSS3 and HTML5 browser support in her blog (http://standardista.
This talk gives a birds-eye view of the sometimes surprising ideas behind BEM, and the benefits they offer developers.
We're creating ViziCities - a 3D city-visualisation platform using WebGL, Three.js and a raft of other amazing technologies. We'll talk about how we're doing it all with open, big-data, the awesome possibilities that presents and how we've overcome the problems along the way. Think SimCity meets the real world!
second dayThursday, April 25th
We'll look at a series of real-world rendering issues and how to combat them, understanding why particular hacks work, and how sometimes working against the browser can trick it into performing better. Covering basic html layout and animation, GPU interaction and high-dpi (retina) considerations across browsers and devices.
Jake works in Google Chrome’s developer relations team, working on specs, testing implementations, and ensuring developers have tools to make their jobs less painful. He’s a big fan of time-to-render optimisations, progressive enhancement, and all of that responsive stuff.
Outside of the web, Jake likes F1 and nice beer.
Adapting your web application not only to languages and cultures, but also contextual data, user gender and screen dimensions.
L20n is a research project from Mozilla that after years of work is currently reaching it's first stable release. Its fundamentally different approach to user interface localization opens up new possibilities for building multicultural applications keeping easy things easy, and complex things possible.
Zbigniew “Gandalf” Braniecki – hacker, sociologist, mozillian. Gandalf works on the intersection between code and people. He started early as a webdev, got into web tools in the year 2000 as a co-author of a famous Polish Alladyn JS library, and after working on backends and frontends of all kinds he took the leap into shaping up the web browser space founding Aviary.pl team, joining Mozilla Europe and the Flock project where he spent a few years building a new open source social-oriented web browser. Finally, he decided to get closer to his project of choice, and accepted a position at Mozilla where he holds a “Senior Community Ninja” title these days.
We all love the Web, yet many people love native apps. But what exactly sets Web apart from native? And why is that important to know whether you’re a front-end developer or a business owner? This talk will explore the business side of front-end technologies: responsive vs. “fixed” vs. mobile, tablet and/or desktop; when to use the fancy new and shiny, when not to; and lastly, why even when you make free open-source software, you should still know and learn more about selling your software to people.
Faruk Ateş does creative things on the Web, like Modernizr: an Open Source library that helps you take advantage of cutting-edge features in HTML5 and CSS3 today. Prior to going independent and working to make building great websites easier and faster, Faruk was the Product Designer at Apture, now acquired by Google, and did a three year stint as a UI Engineer at Apple, where he helped bring modern web development techniques to the Online Store and MobileMe.
Faruk has written for many publications both online and in print, and speaks all around the world about web design, development, standards and best practices. He is a co-founder of Presentate, an online presentation software startup in San Francisco, and spends his time between there and Vancouver, B.C.
border-radius is humble. It will never show off. Everyone and their cat think they know it well, but it won’t stand up to defend itself. Instead, it will smirk quietly while everybody is busy paying attention to its more flashy siblings, confident in its own skin. border-radius might seem superficially simple, but it can be very powerful. However, its powers are reserved only for those who know how to unleash them. Under its superficial simplicity it hides some of the most complex algorithms in CSS. Intrigued? Come to this talk, and prepare to be surprised.
Lea works as a Developer Advocate for W3C. She has a long-standing passion for open web standards, which she fulfills by researching new ways to use them, blogging, speaking, writing, and coding popular open source projects to help fellow developers. She is a member of the CSS Working Group, which architects the language itself. Lea studied Computer Science in Athens University of Economics and Business, where she co-organized and occasionally lectured a cutting edge Web development course for 4th year undergrads. She is one of the few misfits who love code and design equally.
Building amazing digital services is a dream we all have, but many of us are working for companies that aren't quite with the programme yet. With a few examples from how we're making huge and lasting changes within the UK Government's digital services, I'll show you a few ways you can help steer your products onto better seas through simple culture change tricks, challenging expectations, and practical tips for engaging your whole team in building better sites.
third dayFriday, April 26th
We’ll cover every important aspect of achieving peak performance and responsiveness for such kind of apps, including real-time data simplification, computational geometry and clustering algorithms, tree structures, fast collision detection, typed arrays, UTFGrid, Web Workers, CSS Transform Transitions, requestAnimationFrame and mixing Canvas with SVG and HTML.
I'm very excited about the possibilities that await us by way of proposed layout modules for CSS. While some of these modules are at an early stage, I believe it is important that designers and developers start to look at, play with and discuss these proposals. If we don't then we can't complain when the final specifications don't meet our needs.
Based on the work I have been doing for my Five Simple Steps Pocket Guide, and this article for 24 Ways on CSS3 Grid Layout, I will introduce the proposed and upcoming modules. The talk will include practical demonstrations of how these solve many of the problems we struggle with today.
Rachel is the author of a number of web design and development books. When not writing code, writing about business and technology on her blog or speaking at conferences, you will usually find Rachel out running the roads and trails of south-east England.
In the past year something one might call "Backend as a Service" has been popping up all over the place. The promise is: You can focus on building what's unique to your apps, the frontend. The "boring stuff", like user authentication, data storage, payments, you name it – that's already there.
It empowers frontend developers to build fully distributed, data driven apps without having to set up and maintain a backend.
Examples are parse.com, deployd.com, simperium.com and a couple of others. They differ in their approach, but they all go in roughly the same direction. I'll explain what the overall idea means to frontend developers and compare the different approaches that are currently available. I'll also live demo an open source solution we worked on lately: Hoodie.
Not a Developer. Not a Designer. Not a Business Buzzer. But everything in between.
Translating excitement, empowering creativity, broadening horizons.
Founder of @minutes_io. @hoodiehq ambassador. Planning the @AfricaHackTrip.
Nick Fitzgerald works on Mozilla’s Developer Tools Team, integrating source maps with Firefox’s debugger. He also co-authored the source map specification, representing Mozilla’s contributions to source maps since 2011.
New products often start from within; we have an itch to scratch. But what we make is also influenced by larger online trends, movements and metrics. In product design, the trend has been towards more; faster. While we've been focused on that, however, a new more constrained approach to personal expression and consumption is finding its way into the products we use. One that takes an opposite approach and champions slowing down, choice and craft.
With seven years of learnings from designing for online music, Hannah will describe techniques for questioning the status quo in product design; how and when taking an opposite approach might be beneficial; and why having a sharply tuned radar for style and trends is just as important for product design as being observant of what we want.
Hannah Donovan is a Canadian product designer living in London, UK. She led design at Last.fm for five years, and before that worked agency-side. Since leaving Last.fm in 2011, Hannah’s embarked on a new music project called This Is My Jam, continuing to focus on ways to make music better on the web. When she’s not busy with that, Hannah speaks at conferences about design and plays cello with a real orchestra and a comedy orchestra.
The web is growing fast. Every other week new proposals, specifications and implementations pop up - being developed concurrently. It is getting harder and harder for developers to grasp specification and implementation details across the various rendering engines.
We'll be discussing how developers can familiarize themselves with a new topic and thereby find browser bugs and shortcomings in specifications as well as how they can provide invaluable information to the web development community by doing this and thus, help the web move forward.
When you are a developer you sometimes struggle to understand what designers are asking you for. As a designer you ask yourself why developers cannot just do what you expect. To deliver good work it is important to understand each other. On this foundation a lot of problems can be avoided in advance. Enter the world of style guides and see how they can improve this cooperation.
Authentication is hard. Users verify their email address on every new site they visit and use the same four weak passwords everywhere. Site operators, even those with vast resources, find it difficult to properly secure their authentication systems.
Third party authentication was supposed to be a panacea, but has problems of its own: identifiers that nobody understands, difficult integration paths, and a limited selection of identity providers that have a vested interest in monetizing every login.
Persona is a decentralized and privacy protecting login system from Mozilla, using open standard designed to be built into browsers. Even though Persona is from Mozilla, it works in all modern browsers today.
- The authentication landscape today
- What Persona is & the problem it is trying to solve
- How Persona works
- How Persona can be integrated into a site