High Performance Data Visualizations

Talk

If you thought that building rich, interactive and mobile-friendly visualizations of high volume data with 100,000+ points just using the power of browser-side JavaScript was impossible, this talk by the creator of Leaflet will prove you wrong.

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.

vladimir-agafonkin

Vladimir Agafonkin

Bio

Principal Architect at Universal Mind. Front-end development expert, modern web technologies enthusiast and one of the leaders in online maps industry. Creator of Leaflet, the number one open source JavaScript library for mobile-friendly interactive maps (used by Flickr, foursquare, craigslist, IGN, Wikimedia Foundation, The Washington Post, OpenStreetMap and many others).

Developed lots of web applications and services, designed, created and maintained JavaScript libraries and APIs, contributed to open source projects, educated front-end engineers, spoke at tech conferences. Passionate about open web standards.

The New CSS Layout

Talk

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-Andrew

Rachel Andrew

Bio

Rachel Andrew is a web developer and Director of edgeofmyseat.com, a UK web development consultancy and creators of the small content management system, Perch.

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.

Know your errors

Talk

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.

diogo-antunes-website

Diogo Antunes

Bio

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.

Rendering without lumpy bits

Talk

Right, we've got a new project, we have to calculate and draw 500,000 pixels, and the deadline is in 1.667 milliseconds. When we're done, we'll do it again, and again. Web performance has always been about delivering those pixels on time, but the target has shifted. Optimising pure JavaScript (loops, string concatenation, arithmetic) is more irrelevant than ever, performance gains are to be found in the DOM, layout dependencies, and the interaction with the GPU.

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-Archibald

Jake Archibald

Bio

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.

Prior to Google, Jake worked at Lanyrd on their mobile web site, and for the BBC working on JavaScript libraries and standards.

Outside of the web, Jake likes F1 and nice beer.

The Business Side of Going Web

Talk

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-Ates

Faruk Ateş

Bio

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.

180 Degrees East

Talk

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-bartel-website

Holger Bartel

Bio

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.

Culture change: how to make better user experiences a priority in your organisation

Talk

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.

Frances-Berriman-3

Frances Berriman

Bio

Frances is front-end development lead for www.gov.uk in London, where she is helping to revolutionise digital services for citizens from the inside out.  Previously, she worked for the BBC on their JavaScript library and for scientific journal publisher NPG.  She blogs at fberriman.com and tweets as @phae.

Responsive localization with L20n

Talk

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-Braniecki

Zbigniew Braniecki

Bio

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.

Building Languages in JavaScript

Talk

Over the last few years there has been an influx of new languages that compile to JavaScript, often built using tools that are written in JavaScript themselves. These new languages provide anything from syntactic sugar and static type systems to future EcmaScript features and more. In this talk, we'll take a look at techniques for creating such languages, from syntax parsing to code generation, and what might be in store for the future.

Zachary-Carter

Zachary Carter

Bio

Zach Carter is a software engineer on Mozilla’s Identity team, working on backend services for Firefox and projects such as Persona. He’s been writing JavaScript for a number of years and began experimenting with programming languages while in college, prompting him to write Jison, a parser generator used by transpiled languages such as CoffeeScript and Roy.

Craft and The Machine

Talk

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-3

Hannah Donovan

Bio

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.

Debug Your Language with Source Maps

Talk

JavaScript is the x86 of the web, and it is increasingly important that front end developers understand how to take advantage of source maps as the popularity of transpilers like CoffeeScript and TypeScript grows. The presentations starts by with a quick tutorial overview on generating proper source maps for your language that compiles to JavaScript. Next, Nick demonstrates painlessly debugging the original source without dealing with the unnecessary mental overhead of debugging the generated code outputted by your compiler.

nick-fitzgerald-website

Nick Fitzgerald

Bio

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.

Furthermore, he is the author of mozilla/source-map, the de facto JavaScript library for producing and consuming source maps, used by CoffeeScriptRedux, UglifyJS, and others.

The browser, the programmer and the Dalek

Talk

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.

sebastian-golash

Sebastian Golasch

Bio

Sebastian Golasch works as a Senior Web Developer at the Cologne based agency denkwerk. After some time developing backend applications with Java, PHP and Ruby he became a citizen of the JavaScript world. For the last two and a half years Sebastian has been working on the development of cross platform JavaScript applications in the front and backend area. In his spare time, he likes to contribute to open source software and advocates for a better understanding of JavaScript as the lingua franca of the Web.

Using big data and WebGL to bring real-world cities to life.

Talk

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!

RobHawkes_450px_2

Rob Hawkes

Bio

Rob loves solving problems through code. He’s a Digital Tinkerer, former Technical Evangelist at Mozilla, author of Foundation HTML5 Canvas, and a Brit. You can find out more about him on Twitter and his blog.

LET’s CONST together, right now (with ES3)

Talk

The next version of JavaScript introduces block scoped variables using let and const declarations. This talk will cover why that is a big deal and how you can benefit from using block scope right now, with Node. It will also introduce a new project that uses a significantly improved approach to analyzing and compiling let’s and const’s back to plain old var’s so that you can start using them in your browser code too, right now. Oh, and _ is not the new _ (but _ is).

Olov-Lassus

Olov Lassus

Bio

Olov Lassus is a Swedish passionate programmer who started his career in the 16-bit game development era of the early 90’s. He got into JavaScript by accident when writing his master’s thesis about Live Programming and it has pursued him ever since. Programmer productivity and tooling are dear to his heart. Olov is the author behind JSShaper and restrict mode and the founder of Lassus Software.

Responsive localization with L20n

Talk

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.

SONY DSC

Staś Małolepszy

Bio

Staś Małolepszy — the lion tamer at Mozilla where he works with hundreds of volunteers around the globe on Firefox OS and the translation technology. Staś focuses on making Mozilla products globally available and relevant throughout the world. His current research project is L20n, a new paradigm-shifting localization platform and programming language from Mozilla.

Look ma, no backend!

Talk

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.

Gregor-Martynus

Gregor Martynus

Bio

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.

Coping With The Broken Web

Talk

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.

Rodney-Rehm

Rodney Rehm

Bio

Rod is a full stack web developer, enjoying to create tools that not just work, but work well. While having worked on the web for a decade, it’s only been last year that he started sharing his ideas publicly. With utilities like URI.js and jQuery contextMenu and articles like Designing Better JavaScript APIs he’s trying to make the web a better place. (for himself, because he is a selfish bastard :)

Be Friends With Your Designers and Style Guides

Talk

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.

Hans Reinl

Hans Christian Reinl

Bio

Hans Christian Reinl is a Front-End Developer contributing to the HTML5 Boilerplate as a member of the core development team and other Open Source projects. He is co-host of the weekly web-news podcast Working Draft and co-maintaines the web-technology blog The Nitty Gritty.

Using big data and WebGL to bring real-world cities to life.

Talk

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!

PeterSmart_450px

Peter Smart

Bio

Peter Smart is a design-thinker who recently travelled 2517 miles to try and solve 50 Problems in 50 Days using design.

Pete writes, speaks and consults on User Experience and Innovation. He loves doing creative things with the web and thrives on big challenges. You can follow him on Twitter.

The thinking behind BEM

Talk

Yandex' web platform for creating our sites has been developed over many years, with a lot of thinking about the difference between code that helps authors write, and code that runs efficiently in browsers. Now, in BEM project we are open-sourcing the full stack of technologies behind our in-house UI framework. It takes the approach of building interface components, rather than separating the HTML, CSS and Javascript development. This simplifies the task of composing pages of services. By using declarative coding style to aid human authors, and tools to transform this to code that runs efficiently in the browser, we have simple ways to express complexity, so we produce code that is both efficient to maintain and runs well in the browser.

This talk gives a birds-eye view of the sometimes surprising ideas behind BEM, and the benefits they offer developers.

Varvara-Stepanova

Varvara Stepanova

Bio

Varvara Stepanova is a front-end engineer working for Yandex in Moscow since 2008. She is the Lead Developer of the UI Framework Team which provides HTML, CSS and Javascript components used to build over 100 different Yandex services. She participates in the BEM project which is open-sourcing technologies behind Yandex UI framework. When she is not coding, she is interested in travel and new cities, and teaching Russian. She dreams of visiting every country in the world.

Everybody hates passwords - your site doesn't need one

Talk

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.

Material covered:

  • 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
shane-website

Shane Tomlinson

Bio

Shane is a London based developer working for the Identity team at Mozilla. He believes that users should be in control of their online identity and that a user’s personal privacy, a site owner’s needs and security can co-exist. When not writing Javascript for Mozilla Persona (formerly BrowserID), Shane is frequently found looking at snow reports for far away ski resorts.

The humble border-radius

Talk

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-Verou

Lea Verou

Bio

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.

Web performance considerations in a mobile world

Talk

The average site is over 1MB. We all know that slow loading sites create a bad user experience. But even if we are able to resolved download time, what happens to the user experience if a site is jumpy, choppy, or worse yet, non-responsive to basic interaction. As more users visit our sites with mobile devices, latency, bandwidth, and CPU capabilities create new, greater challenges. In this session we'll cover common trouble spots that lead to these poor user experiences as well as tips and techniques to prevent these trouble spots from arising including images, HTML5, CSS3, JavaScript, DOM, memory management and tools.

estelle-website

Estelle Weyl

Bio

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.com). She is the author of “Mobile HTML5″ (O’Reilly, July. 2013), “HTML5: The Definitive Guide” (O’Reilly, Dec. 2013) and “HTML5 and CSS3 for the Real World” (Sitepoint, 2011). She also contributed to the “Web Performance Daybook Vol. 2.”

JavaScript: The Machine Language of the Ambient Computing Era

Talk

We are well into the transition away from PC centric computing. But the new order isn't just about mobile phones and tables. It's about all of us living in a world that is augments by the ambient presence of billions of computing devices. And they're all going to be programming using JavaScript! Well, at least a lot of them will be. In this presentation I'll be discussing how JavaScript is changing the world, and how the world is changing JavaScript..

Allen-Wirfs-Brock

Allen Wirfs-Brock

Bio

Allen is a Research Fellow for Mozilla and is the project editor for the ECMAScript Language Specification, the standard that defines JavaScript. . He is a software architect and entrepreneur  and is an expert in  dynamic, object-oriented programming languages and their implementation. Prior to his work with JavaScript he was deeply involved in the industrialization of the Smalltalk programming language. When Allen’s not working on JavaScript he is thinking and writing about the on-going  emergence of the era of Ambient Computing.