Fronteers Conference, 6&7 October, Amsterdam

Fronteers Conference 2016 Sessions

Cheat Sheet To A Lean Website – Barbara Bermes

Barbara recently published her first book ”Lean Websites”. Her talk focuses on one of the most important chapters of the book called ”Performance Cheat Sheet”, a set of about dozen exercises to guide you in practicing web performance. Barbara believes that the more frequently you apply these tips, the better you’ll get at mastering performance issues and creating fast, and lean websites.

Join Barbara’s talk to learn more about these tips, as well as the performance point system, and how to split your website into measurable performance modules.

Progressive Enhancement and CSS – Ire Aderinokun

When we speak of Progressive Enhancement, we usually talk about making our sites functional with limited or no Javascript. But what about CSS? Progressive enhancement is about taking into account the sometimes limited capabilities of browsers, and this includes their support for CSS features.

In this talk, we go over the difficulty of writing progressively enhancive CSS, and some tips on how to overcome it.

Adapting to Input – Jason Grigsby

Responsive Web Design has forced us to accept that we don't know the size of our canvas, and we've learned to embrace the squishiness of the web. Input, it turns out, is every bit as challenging as screen size. We have tablets with keyboards, laptops that become tablets, laptops with touch screens, phones with physical keyboards, and even phones that become desktop computers.

In this session, Jason will guide you through the input landscape, showing you new forms of input like sensors and voice control, as well as new lessons about old input standbys. You'll learn the design principles necessary to build web sites that respond and adapt to whatever input people use.

Functional Animation – Sarah Drasner

Animation is captivating. Our brains are trained to respond most intently to movement. For this reason, animation in a user experience is extremely important, and also very easy to overdo. Carefully considered animation can compose spatial maps to guide users. Animations can be responsive, resolution-independent, and make a site function intuitively.

In this session Sarah will cover a myriad of use cases, from both design and technical implementation standpoints.

Multi-user WebVR or: Wait, who are these people? – Martin Splitt

Thanks to WebGL we've got interactive 3D content with the ease-of-use and the openness of the Web. Add WebRTC on top of that and we'll see interesting collaborative applications that play out in three-dimensional space right from within our browsers. Paraphrasing the movie Tron: “But then, we got in”. WebVR allows us to hook up the browser to a new universe of VR hardware and immersive experiences.

Let's explore what we can do together by combining the technologies to create a universe that we can explore together and what is yet uncharted land that we can discover.

Hacking the visual norm – Nadieh Bremer

There are so many visualization tools out there today, most with a pre-made set of charts. But trying to wrangle your data to fit (uncomfortably) into the default charts is not the right mindset. Adjust the visual to your data, not the other way around. You don't necessarily have to be a code wizard to let your creativity run free. Even with the defaults, you can become creative by using them in a different way, combining layouts or chart types to create something new, or even changing small pieces of code from existing visualization frameworks.

During this talk, Nadieh will take you through several of her data visualization projects, both from the business environment of her day job and the experiments made in her evenings. Hopefully, by the end you’ll want to step outside of your "visualization" comfort zone and create (custom) charts that best display the insights in the data.

Offline, progressive, and multithreaded: a peek at the webapps of the future – Nolan Lawson

In recent years, the web has been evolving at a blistering rate. Phrases like "progressive web app," "offline-first," and "server-side rendering" are tossed around with abandon. What are all these technologies, though, and why should we care?

In this talk, I'll explore work that's being done in open-source JavaScript tooling to make the web faster, more responsive, and more reliable, as well as a glimpse under the covers of the Edge browser, and how we plan to ride this wave in the coming years.

Technologic (Human Afterall): Accessibility mix – Léonie Watson

With a little help from Daft Punk, Léonie will explain accessibility mechanics in the browser, why CSS isn't just about looking good, and what tools you can use to get ahead of the game.

When you use HTML the browser handles a lot of things for you. It exposes semantic information to accessibility APIs on the platform, and provides focus and interaction. But what do you do when using proper HTML isn't possible?

Once upon a time CSS let us separate design and structure, but in recent years the streams have started to cross again. CSS can change the way content is exposed by the browser, often with unexpected consequences. But does this matter in the real world?

When you're sprinting for a deadline, rapidly iterating code and using frameworks and build tools to make it happen, accessibility can feel like one thing too many. So how the hell do you keep your code accessible as you go?

Joining Up The Dots – Heydon Pickering

Brain function, language and the World Wide Web are all systems constituted by dots - notions, signifiers, locations - joined up with lines - synapses, relationships, links. In fact, the expression "connecting up the dots" is synonymous with making and completing something meaningful.

This talk explores the Web as the ultimate outcome of our impulse to make systems of shared meaning, and addresses threats to the Web's public and interconnected nature from within and without its technical development. Deforestation, Hegelian dialectics, sharks, Waldorf salads, positivism and Kanye West are all part of the talk's precarious, though still ultimately interconnected, content.

Surveying the Landscape – Peter Gasston

As it approaches a degree of maturity as a telecomms channel, the web is going through some changes. Using extensive reference and research, Peter will be taking a big-picture view of some of the trends in publishing and information consumption on the web, looking at the demands of the millions of new users in emerging markets, and the way that technology is adapting to accommodate them.

This talk will raise and try to answer questions such as: what is the role of the web in the new landscape? And what are the threats to, and opportunities for, the open web and web development?

Scaling Front End Development – Monika Piotrowicz

As a discipline, front end development (FED) has recently seen enormous growth with new focus areas like performance, design patterns, build tools, and frameworks emerge and mature. There’s a lot of new excitement for all things client-side, but how do these new technologies fit alongside a traditional Engineering team and an existing code base?

At Shopify, we’ve been exploring the dynamic more closely as our FED team continues to grow company-wide. In this talk, I will share my perspective on how FED can work alongside other disciplines to form robust, creative product teams at scale. Shared tools like coding standards, processes, and style guides, can make it possible for all developers to confidently build UI, while specialist FED build those systems and solve unique use cases. By investing in in tools and process, we’ve been able to find common focus for our team and a stronger understanding of our role across disciplines.

How You Do What You Do Is Who You Are – G. Scott Olson

React JS makes it easy to build rich, maintainable web applications. But once you are up and running, there are a handful of less-documented tweaks that you can implement to improve the UX and DX of your project.

Over the past 2.5 years, my team at FiftyThree has been building and maintaining the React web experience for Paper (http://paper.fiftythree.com). We have focused our energy to make developing and using our React app more enjoyable for everyone. Preloading images, optimistically rendering the user interface and linting your code may sound like small details, but adding them up can drastically improve how users and fellow developers perceive of your app. We have been in the trenches, fighting the good fight, and now I’m ready to share our successes, mistakes and experiences.

Building Responsive CSS Components – Zell Liew

In an age of responsive websites, learning how to build components that can be reused in multiple areas without adding much complexity to your code is crucial.

Have you wondered how it is possible to accomplish this feat in pure CSS without making your CSS into a bloated mess of hacky code? What naming conventions should you use? How do you structure and code your CSS? How do you deal components that have to be placed in wildly different areas?

In his talk, Zell aims to share with you his experiences and approach on building responsive, reusable components. He goes deep into the granular level (and even discusses what units he recommends you to use).

Big Data, Big Impact – Lodewijk Nauta

Using examples from real life Big Data cases Lodewijk Nauta is going to talk about how his team made a bigger impact at their clients by changing the way they presented their results. When your clients want their business to evolve towards a more data-driven way of operating, the delivery of visualizations has to evolve as well. The data that is used in the analyses includes fitbit movement data, email usage but also tracking how people move through a restaurant.

This Talk Seems to Be About Testing – Rob van Steenbergen

“Why not? Everybody can test” was my answer when people from my team asked me if they themselves should be testing. I was very thankful at the moment that they didn't take testing for an easy job. When I get the feeling people think about testing being easy (just clicking away), my reaction is almost the same. To make sure my sarcastical intonation is not missed, I would add “…and everybody can sing”.

Don’t worry; I’m not going to sing on the Tuschinki stage. Nevertheless, with some tips on breathing and how to use my body, and some practice, I could be a better singer. So from this point-of-view I would like to tell you something about testers, what software testing really is, and give you some tips how to improve your own testing. This will help you to have less complaining customers, to have happier product owners and to stop your colleagues in the sales department from finding a bug within five minutes of using the released product.

CSP STS PKP SRI ETC OMG WTF BBQ – Scott Helme

The sane version of my talk title would be 'Modern Web Security Standards' but I wanted to make light of the fact that sometimes there can be too many to keep up with.

In this talk I'm going to introduce you to some awesome features that allow us to quickly and easily boost security and offer better protection to our visitors. From mitigating Cross-Site Scripting (XSS) to enforcing the use of HTTPS or protecting ourselves against rogue Certificate Authorities and Content Delivery Networks, these are just some of the things that are possible.

If you were to implement even one of the standards I'm going to talk about today, you'd probably be doing better than your bank!

World-Wide Web, not Wealthy Western Web – Bruce Lawson

As the population and economies of the West stay static, the developing economies are seeing huge expansion, and a rising youthful population that have grown up with the Web. But there are challenges to web access in Asia and Africa that we need to understand if we want to reach the next 4 billion people with fast, performant sites.

Bruce will bring facts and figures from his years living in Asia and from working for Opera (often the only browser that people can use) to show you how to bring your brands to new markets.