ConfPad

CSS Blend modes are underutilized and can be used for a variety of things from improving image performance to creating scalable styling. This talk goes over some case studies where blend modes can make a big impact, talks about browser support, and also discusses workaround for including blend modes where they aren't supported. Tour the wide world of CSS Ble…

Ever wondered how many times the ads in your website are using document.write? Or if you were writing to the DOM from untrusted sources? Such questions can be answered by dynamically analysing the JavaScript running in your website. Static analysis of JavaScript leads to a lot of false positives and is incredibly hard to do correctly due to features like eva…

In this talk, you'll learn about code linting – how to use Standard and ESLint to catch programmer errors before they cause problems for your users. We'll discuss how to get started with linting, as well as how to improve your setup if you're already linting your code. Feross will also share the secret history of how the Standard linter was created, for the …

What does it take to navigate a website with your eyes closed? Let Giang & Dickson, pioneers of the Web Accessibility (A11Y) movement in Singapore, walk you through the daily challenges they face, what it means to them, and how their experiences interfacing with websites purely through audio can help you identify new experiences for your sighted users throug…

Data sketches is a collaboration between Nadieh Bremer and Shirley Wu, where we choose a topic and visualize it by the end of the month, and write about our process. In this talk, we will share our favorite months of data, sketches, and code: what made them our favorites, the mistakes we made along the way, and how we overcame them. We want to share our less…

Are you working with a big Frontend application and you are facing some problems in your project? Do you want migrate your frontend from another framework or library and don’t know how? Don't you know how to manage different layers of complexity in your application or share these components between applications? In this talk, I will share my experience and d…

Serverless computing is a powerful way for JavaScript developers to create backend services that can power a variety of experiences from the browser to IoT devices. At Adobe, we are embracing serverless as a way to enable our developer ecosystem to easily create experience applications that extend our solutions. We’re building this platform, Adobe I/O Runtim…

In 2015 I published an article on JavaScript's "World Domination". Back then, a bit more than two years ago, in this 6000-word beast JavaScript on hardware was almost like an afterthought, a footnote on the last page and a bit. But even then, the writing was already on the wall — it was only a matter of time until JavaScript's triumphant march reached the mo…

Over the last year, DBS frontend architecture for building customer facing applications has evolved to keep pace with the rapid advancement happening in the JavaScript world. Get excited how we approached and executed changes on large enterprise frontend.

This talk traces the parallel history of western and eastern typography from handwriting to the internet age, setting the context for how the web is a brand new medium for typesetting. CSS allows us to implement advanced typographic features and multi-directional layouts, that not only benefits internationalisation, but opens up a myriad of options for creat…

At 10am on Black Friday, your phone rings: the new JS application you deployed came under too much load, and the site has gone down! Your employer is losing sales opportunities... your employer is losing money! But you don’t lose your cool. You log into your cloud provider and tweak your autoscaling settings. Now the deployment can handle the load spike but …

Speech, mixed reality and machine learning are all the rage. How do we incorporate these emerging technologies into today’s web and provide enriching opportunities for creators and compelling experiences for users? How do we make those experiences buildable and deployable at scale to everyone, everywhere? Come hear how Mozilla blends established core web com…

VR is cool, Web is great - how about WebVR? In this workshop we will be creating a WebVR application using A-Frame. We will explore the WebVR API and the A-Frame library to build a small VR application that works in your browser - even on your phone! Requirements: Make sure your laptop is capable of rendering 3D graphics in the browser by visiting https://ge…

Learn how to better use React/Redux for building awesome user experiences, using optimistic transactions and data preloads. Also, we will explore advanced topics such as Hot Code Reload, Testability, Performance Monitoring, etc. Requirements: Latest version of NodeJS and NPM installed before the session.

Do you cringe when you have to design and build layouts on the web? Do you get frustrated when things never go where you want them to on your page? Creating custom layouts is not a trivial task, no matter what your sales rep or account manager says. Fortunately, browsers now support a plethora of CSS properties that make building creative layouts much less p…

Ethereum is the wunderkid of the blockchain space. Decentralised Smart Contracts coupled with web3.js mean that you can integrate your distributed app with your front-end to improve your user experience. Requirements: A notebook with chrome would be preferable. Good options to install would be parity and/or metamask as well as the usual tools.

As developers, we take great pride and responsibility in ensuring a safe and seamless experience for visitors. However, this isn't very much the case for 39 Million blind and visually-impaired people. While America & the EU pledge efforts to make all governmental service websites accessible, there are no systems in place in the APAC region. Join us to find o…

In this workshop, we will cover the basics of SVG - especially SVG paths and the cubic bezier curve command - as well as an introduction to D3.js's selection, data-binding, and enter-update-exit patterns. The culmination of the workshop will be to create a set of flowers out of movie data, a simpler version of the film flowers here. Requirements: Just a lapt…

The workshop will cover different techniques on adapting websites to the upcoming HTTP/2 protocol. By the end of the workshop, participants would be well equipped with the tools and skills required to update and deploy a production-ready HTTP/2 website. We will be discussing the problems of HTTP/1.1 and how HTTP/2 helps obviate hacks such as bundling, domain…

Virtual Reality are coming to our browsers, so it's time to explore! In this talk, we will look at what it takes to start building VR apps with HTML and JavaScript and create a virtual world in the browser, ready to rumble!

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked? This talk looks at the browser's event loop, the thing t…

WebAR is coming! And some would argue that it's already here. Developing augmented reality on the web can sound very complex. This is why I developed a way to make it easier for anyone to do AR, and I want to share it with you. It is called AR.js. In this talk I will take you through what WebAR is, what are its possibilities and its challenges. We will take …

Ever started a project you didn't finish? Ever sat and stared at the screen, knowing you wanted to make something, but unsure of what? Ever felt like you're alone in making something? Well this talk is for you. Join me, though some weird and wacky wonderings through the web, and find how building, learning and having fun are all connected together... and gai…

Recognizing code smells is an important skill that helps you build maintainable software. This talk is about code and design smells in React applications, based on the experience working in a 2-year-old project with more than 900 components.

It's 2018 and websites are increasingly becoming the primary way to access services. Brilliant! But what about the impact of inaccessible sites on users? In this talk, we'll go through practical steps to consider accessibility when building products - whether you're the sole dev on a project or part of a larger organisation. I'll share my experience at BBC N…

If we want to make things work, we need to communicate with other people. We need to talk to our users, audiences, colleagues, clients or even our bosses. We want to share our ideas and make sure they get it, so we can produce work that we're proud of. And right now, in our world, we mainly communicate through text. We talk through 140 characters, chat messa…

Chances are that if you work in software, you spend time building applications. Between features, deadlines and bug fixes, it's easy to move performance to be ""nice to have"". But what do you do when user interactions drop off, and users start complaining? Instead of having a traditional, reactive approach to performance — what if we could be proactive inst…

We do like our Holy Wars, don't we? — tables vs CSS? Responsive vs mdot? React vs Angular? CSS or CSS-in-JS? Let's look at the real issue: getting the free and open web to the other 4 billion people.