Simple math can create powerful animations to elevate a user interface to the next level. This presentation give designers the power to animate within interfaces using code and developers the foundational best practices for designing with animation.
CSS Grid Layout is a layout method designed for the modern web. In this session I will demonstrate what it is with practical, testable examples showing how Grid solves the real problems we have in CSS layout.
Bootstrap is a front-end framework that allows you to create responsive layouts, meaning that they automatically adjust to any screen size. It's easy to use, fast to integrate and looks amazing. This presentation will teach you how to quickly create an adaptive layout and with little effort. It will also feature a case study of transforming an existing web application.
OpenUI5 is a very comprehensive web UI library that is now Open Source. Come to this session to learn about its unique feature set and to see many code examples and live demos. You will see how to easily develop powerful web apps that run on any device, from smartphone to desktop browsers, adapting to screen size and touch/mouse interaction.
Any developer who has had to work with HTML email knows how painful it is. Tables, inline CSS, lack of CSS support, various clients, clients and browsers. Lets take a look at the current state of email rendering and how we can optimize our workflows when it comes to building HTML emails.
Learn how to set up automated workflows for building, testing, reviewing, merging, and shipping your projects on the web. We'll take a look at common language-based build tools (grunt, gulp, jslint), and learn how to set up Jenkins (or TravisCI) for build automation, before configuring a few cloud deployment targets. We'll close with notes on how to add project status indicators to your README.
Rocket science is difficult, brain surgery is really difficult. To most people developing technology is insanely difficult, but you’ve already mastered the hard part. Creating interfaces that are usable by everyone is much easier than you think. There is no magic ingredient, no “secret sauce”. The trick to great accessibility is just to code like you give a damn!
Looking for ways to build UIs that match patterns and practices for your code? Want more expressive language and constructs for your app's UI? Come and see all of that plus the magic of hooking it up all via realtime communications or web sockets.
The way we interact with technology is fundamentally changing. The application revolution continues to drive innovative use of new and emerging technologies. Three fundamental areas drive this evolution: Quantity & quality of APIs and services; new levels of interactivity across devices, web, mobile and IoT; cloud computing is at the nexus of this evolution, CODE!
Julien Verlaguet will take a deep dive into Facebook’s new programming language, Hack, and discuss its bridge between statically- and dynamically-typed languages – providing code correctness while maintaining a fast feedback loop.
HTTP/2 is the future of the web, and promises to bring performance improvements, simplified markup, and lower resource utilization on the server. This talk will show you how it works, how to implement it, and how you can get value out of it right now.
Steve Souders, former Chief Performance Yahoo! and Google Head Performance Engineer, explains how promoting a process that brings design and performance together at the beginning of a project helps deliver a web experience that is both fast and rich.
Designing a really clean and intuitive REST + JSON API is no small feat. You have to worry about resources, collections of resources, pagination, query parameters, references to other resources, which HTTP Methods to use, HTTP Caching, security, and more! Further, while there are many references on creating REST APIs with XML, there are much fewer references for REST + JSON.
We are all aware of the pressures of getting our code out the door for launch, but how will the design decisions you make today affect you next year? In five years? In ten? This talk focuses on the long-term impacts of technical and architectural decisions and how to best set yourself up for the future health and scalability of your codebase.
Heard about Docker and are wondering how to make it part of your stack? Excited by the potential of developing faster and smarter? We're going to show you how to build development environments with Docker. Then teach you how to integrate that environment into your development and testing workflow.
Writing HTML5 apps is easy and intuitive. Ensuring flawlessly fluid animations and interactions is exceptionally hard. In my keynote I will highlight some of the fundamental principles of HTML5 rendering that are important to understand in order to diagnose and avoid performance problems and the dreaded “jank” in modern Web applications.
Recently, a number of tech companies released their demographic information to shine a spotlight on the issue of the lack of diversity in tech. But what does diversity really mean? Let’s take a closer look at how these stats are split and the story that the numbers tell. Do factors such as culture or other biases play into this one-dimensional representation?
Click title to read more.
Matrix is a new ecosystem for decentralised IP communications, using simple HTTP APIs to exchange data (messages, VoIP, IoT data etc) between clients and servers in an entirely decentralised manner. This talk will give an introductory overview to the rationale, architecture and APIs of the Matrix ecosystem, and show how you can add communications to your existing webapp via Matrix.
In this tutorial we will go the first minutes through the state of the art in terms of mobile browsers available, including what do you don’t know about web browsers on Android today and what you should be aware of about iOS' engines. We will discuss how to measure mobile and responsive websites and how detect when you are harming badly the performance.
To make functional programming more digestible, we use curry cooking as an analogy.
We cover closures, recursion, higher order functions, map, reduce, filter, monads and continuation passing style.
Having trouble groking Git? This session will help attendees get past Git novice and put them on their way to Git master. We'll cover branching strategies, commit amending, stashing, cherry-picking, merging vs rebasing, and much more. Okay, maybe you won't be a guru after one session, but attendees will go away knowing how to fix problems in their repos and play nicely with others.
Adding a WebSocket service to an application is often misunderstood to be high performance by default, however there are many more considerations that must be made, both on the client and server, before the best performance can be achieved.
Want to build an API service? It’s not as hard as you might think! In this presentation, Randall Degges, Stormpath Developer Evangelist will walk you through building an API service (from scratch) in 30 minutes flat.
In 1993, Jakob Nielsen publishes three time thresholds for user experience. 20 years later, these numbers are just as relevant and become very interesting when we apply them to the experience of interacting with the web.
In this session, Paul will show how the Chrome team has repositioned their performance goals in terms of what's most important to the end-user and how you can do the same.
Find out what I learned in my quest to read every single specification document published by the W3C in 2014-15. This session will provide a primer and an overview to the most exciting and innovative recent developments in web standards, with practical examples on how to leverage the latest HTML/CSS/XML technology in web applications.
In this presentation, Glenn Block discusses how Splunk uses node.js in its products.
Every moment of every day there's a new language, framework, format, protocol to learn. Nobody has a more dynamic skill set than a web developer. We'll look at the one metaskill to rule them all: The ability to come up to speed and stay there, over and over again.
The winners of the first annual O'Reilly Web Platform Awards will be announced here.
Learn how to design distributed applications using open standards for identity, authorization, and data-sharing.
We'll explore the underlying architectures of several popular federated network applications and show you how to empower your users to reclaim control of their data, and to define their own terms of service.
PhantomJS, the scriptable headless WebKit-based automation tool, has gained a lot of traction in its first 4 years of existence. This talk will highlight the basic usages of PhantomJS and explore various PhantomJS-tools for web applications testing, screen capture, performance analysis, and other page automation tasks.
Does minimizing HTTP requests really make your web application faster? What about caching object properties in for loops? Or concatenating strings with Array.prototype.join?
In this talk, we revisit the common web performance best practices, and discover how well they fare in 2015's browser and connectivity landscape. Spoiler alert: not well.
We've all been there. You have a codebase that hasn't been touched in months, or years. Now you need to add a feature or fix a bug and your code won't even boot. Learn some helpful tips and tricks to bring some vital water to an arid codebase.
Typography is the single most present element of your design when screen size changes, and has the greatest influence on readability and retention. Learn how to use web fonts to amplify the message and voice of your design without sacrificing performance, how to scale your typography based on screen size, and how little details layered together make a good experience become a great one.
How might you build a responsive website with your own custom grid system, custom media queries tailored to the site's look and feel, and responsive images? Learn how to roll your own in this workshop!
Modular CSS is all about learning to think about your CSS in terms of objects, and architecting them as such. I'll discuss SMACSS conventions and how to utilize Sass to create reusable patterns to streamline the development process. In addition, I'll share some tips to best optimize Sass for responsive design, with site examples.
Faster pages...profit! Right? Despite what common sense and every case study might tell you, we found out that isn't always true. When you get 20 million visitors a month and make a lot of your money from advertising (the enemy of speed), you have tons of opportunity/obligation to understand which kinds of speed matter. This is a story about hope, disappointment, discovery, and triumph.
Single page apps have become a legitimate part of the web, but what role should they play? Where do they shine? Where do they fail? How should we think about them and how can we evaluate tools for building them? Henrik will opine on the tradeoffs of abstractions and frameworks, share his approaches, and attempt to gaze into the future.
The line-mode browser is an often forgotten footnote in the history of the World Wide Web. Learn its story and experience it via a recently-created simulator. It may just teach you a thing or two about modern web development practices.
There have never been more front-end development power tools at our fingertips than there are right now, but all too often, we're using those tools in ways that hurt our users and, by extension, ourselves.
Learn from the successes and failures PayPal has had giving developers the freedom to choose their own destiny and tools while building applications. Jeff Harrell and his team began the process with the adoption of node.js and have since scaled the concept to many hundreds of developers running over a hundred production applications.
How and why a small software development team from Edinburgh, Scotland replaced the main UI component used by millions of people around the world to book their travel. Topics include the problem domain, our approach, the obstacles we faced and the learnings we took.
This session provides detailed insight into using the newly developed W3C web performance specifications from a developers perspective. We will discuss the key specifications like Navigation Timing, Resource Timing, and use hands-on code examples on how to exploit the data and integrate them into your own web applications.
With the advent of wearable devices such as the Pebble Watch, and the soon to be released Apple Watch, there is a whole new host of devices and form factors where apps can be deployed.
By now, you’ve heard of WebRTC – the plug-in free realtime communication technology built into modern browsers. In this session, Chris will get going in the right direction in building WebRTC apps. Gain a better understanding of where WebRTC is today, where it's headed, and how you can be at the leading edge of the coming revolution in communication.
Who is coming to the web and why? How do developers get started? Why do some stay and others leave? The team, the talent, and the technology all impact our environment, success and happiness. Let's make the web welcoming for everyone.
We think web components are the future of enterprise web application development. With web components, you can roll out new features quickly, maintain an intuitive user experience, and make it difficult to accidentally break features. We’ll walk through how to move to Web Components, how they change the development process, and why we think they’re the future of enterprise web app development.