1. JavaScript that doesn’t hurt your feelings

    JavaScript just had its 20th birthday this year and it has come a long way. But many fail to recognise this and still code like it’s 1999. This talk will take you through my favourite features of recent JavaScript editions, shows you how to use them in your project today and will give you an outlook of even better things to come.

  2. SVG in motion

    Scalable Vector Graphics (SVG) are taking over a lot of our design tools by offering us more flexibility over those tools. In this talk, we will cover everything we need to know before attempting to animate SVGs, including animation gotchas, how-tos and pre-animation requisites such as optimization and embedding, among others, and how each of those affects the animation process.

  3. Operations: a developer's guide

    An introduction to the web ops skills that will help you be a better developer. What you need to know about virtualisation, containerisation and wrangling servers, and some tools we use that might make development easier. I spent two years on the infrastructure team so you don't have to!

  4. The Web Audio Phenomenon that Shall Not Be Named

    Natural languages have many nooks and crannies, but there's a particular rabbit hole that will obsess you from the start. In this talk, you'll learn about the oddest psychological phenomenon ever to be thrown at getUserMedia and the odd parallels between learning human, natural languages and learning programming languages.

  5. How to win at mobile accessibility

    The mobile web-vs-native debate rages on–who's winning? How can we create mobile experiences that are accessible and reliable to people with disabilities? In this talk, we'll dive head-first into the mobile debate and reemerge informed on how we can use our skills as web developers to create brilliant mobile apps.

  6. You should use <insert library/framework>, it's the bestestest!

    "You should use [insert library or framework here], it's the bestestest!" is pretty standard modern web development chatter. But how do you separate the hype from the reality? Let's have a look at how we can gather data to assess the fit of code to your projects.

  7. Code Calligrams

    Programming is art: It is like painting, but instead of drawing on a canvas we populate computer screens with colours. And rather than using brushes, we combine bits and bytes to trace an ever-changing flow of images.

    In this talk, you'll be introduced to the art of "Creative Coding" and how to generate beautiful new worlds, using nothing else than the languages of the Web.

  8. A Talk about Everything

    Software influences the lives of billions of humans every day. As people working on it, we face a broad variety of challenges – and we have a responsibility towards each of these humans. Let's take a look at the status of software development today, and see what each of us can do to act according to this responsibility.


Performance Matters

Paul Lewis
5th Nov 2015, 09:00 — 17:00

Performance is an integral part of any successful project. In fact, as the next billion people come online, performance will become increasingly important. Having a performant site isn't just about getting things to load quickly with concatentation, minification, and the critical rendering path, it's also about responding to the user's input quickly and efficiently; it's about smooth scrolling and timely animations. Ultimately it's about getting pixels onto the user's screen quickly and keeping things fast.

This workshop is going to take you on a deep dive through the pixel pipeline, from the initial page request through to pixels on the screen. We will stop at every point in the pipeline to focus on what tools we have our disposal, what the common bottlenecks are, and how we can go about fixing them.

Towards the end of the day you'll have the opportunity to apply your knowledge to your own sites, and come away more confident of how to include performance and profiling in your day-to-day work.

  • Choosing the right battles

    The performance landscape and learning what matters to your users.
  • The Critical Rendering Path

    Discover how the browser converts requests into pixels.
  • JavaScript

    How to schedule your JavaScript properly, and assess its performance impact.
  • Styles, Layout, Paint and Composite

    Learn how to work with the browser to make visual updates as performant as possible.

Mastering browser devtools

Remy Sharp
5th Nov 2015, 09:00 — 17:00

Sure, you've moved past "alert" debugging and discovered console.log, but did you know you can replay XHR requests instead of having to repeat your steps to make the request? Or that you can proxy your local server through a browser configuration so your mobile phone can see it? This workshop is dedicated to learning the native developer tools baked in to the browser to make our life a little more bearable.

We will look at features of Chrome DevTools, what's available in Firefox debugging suite. We'll also look at remote mobile debugging using native tools and also look at the alternative tools where native support isn't available.

The workshop will mostly be about the foundation of debugging techniques, which apply way beyond just a single browser's debugger tool, but will raise your expectation of all web debugging environments.

  • Console

    Power features beyond console.log
  • Network

    What's slow, why and the detail behind a request
  • Source

    How to make DevTools your development IDE
  • Performance

    How to read and investigate rendering issues
  • Mobile

    Using the tools you know to debug tiny machines


Diversity Statement

ffconf takes diversity seriously. We know that a diverse line-up is important for the inclusion of marginalised people in the tech community.

We want people to attend because of the content we provide, not who's presenting it. As such, we only reveal our speakers at the day of the conference.

This statement is our approach to make our commitment to diversity as transparent as possible. We are striving to do better each year.

This year, ffconf's speaker distribution includes 50% women and 12.5% People of Colour. And we are <abbr title="proudly"><span style="color:#f00;">p</span><span style="color:#ff7f00;">r</span><span style="color:#ff0;">o</span><span style="color:#0f0;">u</span><span style="color:#0ff;">d</span><span style="color:#00f;">l</span><span style="color:#8b00ff;">y</span></abbr> holding our event in Brighton.

This isn't something we should be proud of, because it should be the norm, but it is what we've got and we'd like to share that with you.

X-Wing cockpitWatch Now