Skip to main content

Schedule: HTML5, CSS3, and Browser Tech sessions

The home for Web Platform technologies, such as WebGL, Canvas, HTML5 video, the Web Audio API and CSS3.

Add to your personal schedule
Location: Salon 8 Level: Intermediate
Kitt Hodsden (CodingClan LLC)
Average rating: ****.
(4.08, 36 ratings)
90-Minutes: Front end development is harder than ever! Differing screen resolutions, changing browser support, varying network speeds and other considerations all jockeying for our attention during development. Fortunately, we have more powerful tools to help us develop, test and refine the amazing sites we build! Let's use those tools to automate all the front-end dev things... Read more.
Add to your personal schedule
Location: Salon 8 Level: Intermediate
Lisa Larson-Kelley (LearnFromLisa.com)
Average rating: ***..
(3.63, 27 ratings)
90-Minutes: WebRTC is a powerful open-source project that enables real-time communication (RTC)– baked right into modern web browsers. This means you can now incorporate video, voice and data sharing using peer-to-peer connectivity via simple JavaScript APIs, with no plugins or additional installs. This session will introduce the fundamentals of WebRTC and get you started building a simple... Read more.
Add to your personal schedule
Location: Salon 8 Level: Intermediate
Sasha Goldshtein (Sela Group)
Average rating: ****.
(4.81, 26 ratings)
In this session we'll review common attacks on web applications: SQL injection, cross-site scripting (XSS), broken authentication, cross-site request forgery, information disclosure, and insecure password storage. Read more.
Add to your personal schedule
Location: Salon 8 Level: Intermediate
Chris Eppstein (Caring.com)
Average rating: ***..
(3.71, 7 ratings)
Overview of all the new features of Sass 3.3 and how they can be used to supercharge your stylesheets by one of the creators of Sass. Read more.
Add to your personal schedule
Location: Salon 8 Level: Advanced
Kris Kowal (Uber)
Average rating: ***..
(3.67, 12 ratings)
A promise is a proxy for an eventual result, like an asynchronous version of return or throw, but they can also pipeline messages asynchronously to and from remote objects. A Promise type will likely be in ECMAScript 6, and many modern libraries use them already. In this talk, I will bring you up to speed with what they are and what you can do with them today…and what they “promise” for tomorrow. Read more.
Add to your personal schedule
Location: Salon 8 Level: Intermediate
Eric Bidelman (Google)
Average rating: ****.
(4.25, 12 ratings)
Web Components make web development fun again! Learn how to use Polymer and its UI components to create beautify component-based applications. Let's bring composability, reusability, and maintainability to the web. Read more.
Add to your personal schedule
Location: Salon 8 Level: Intermediate
Rachel Myers (GitHub), Emily Nakashima (Bugsnag)
Average rating: ****.
(4.30, 10 ratings)
Successful applications often get slow because they include *all the code* - even if it isn't needed for a particular client or in the given circumstances. Embracing module loading tools (like Require.js) creates smaller, faster, cleaner applications. We'll talk about how to extend this paradigm to all the components of our app for better performance and maintainability. Read more.
Add to your personal schedule
Location: Salon 8 Level: Beginner Developer
Kent Brewster (Pinterest)
Average rating: ****.
(4.50, 2 ratings)
Yesterday at Yahoo's third Sunnyvale Hack Day I built and demonstrated a many-player game, using node.js, socket.io, and as many handheld devices as were willing to sign in. Here's how I did it, and how you can play too! Read more.
Add to your personal schedule
Location: Salon 8 Level: Beginner Developer
Lara Hogan (Etsy)
Average rating: ****.
(4.60, 10 ratings)
Good page load time begins with good design. As web performance grows in importance in the industry, many page speed tutorials focus on the back end. This presentation focuses on performance from a design and front end perspective. Read more.
Add to your personal schedule
Location: Salon 9
Estelle Weyl (Instart Logic)
Average rating: ****.
(4.36, 14 ratings)
HTML forms have been the bane of web developers for years. Not anymore! With HTML5 you may learn to love forms. Browsers now enable you to provide users with rich date GUIs, validate forms and provide validation feedback without JavaScript. JavaScript-free placeholder text, pattern matching, required fields, auto focus, error handling is now a reality. Read more.
Add to your personal schedule
Location: Salon 9 Level: Intermediate
Paul Bakaus (Google)
Average rating: ****.
(4.00, 14 ratings)
If you want to get your brain stuffed with every bit of info on runtime perf, then this is your talk. In-depth information on how many frames the human eye can process, differences between refresh rates and frame rates, motion blur, jitter, responsiveness, input lag and hands-on advice on profiling and debugging, all obviously from a games perspective, but applicable to all web development. Read more.
Add to your personal schedule
Location: Salon 9 Level: Intermediate
John Lindquist (JetBrains)
Average rating: ****.
(4.57, 14 ratings)
Come learn the top AngularJS tips to improve your workflow and enhance your AngularJS experience. John will talk about "Best Practices", debatable approaches, and code smells that he's found from teaching and training on AngularJS since it hit 1.0. Read more.
Add to your personal schedule
Location: Salon 9 Level: Intermediate
Andreas Bovens (Opera Software)
Average rating: ****.
(4.25, 12 ratings)
In this talk, I will look at two of the technologies that lie at the basis of responsive web design: the viewport meta tag and CSS media queries. I will explain how viewport is being standardized as @viewport, and how many other new features in CSS, such as the resolution media query, object-fit, relative length units etc., can be used to create even more compelling responsive designs. Read more.
Add to your personal schedule
Location: Salon 9 Level: Intermediate
Tony Parisi (Wevr)
Average rating: ****.
(4.00, 4 ratings)
WebGL's hardware-accelerated 3D rendering enables the creation of high-performance, visually stunning web content for advertising, entertainment, e-commerce, and social media. This session covers the basics of developing web graphics using WebGL. Topics include rendering, animation, interactivity, behaviors, and integrating 3D into HTML5 pages using open source WebGL libraries. Read more.
Add to your personal schedule
Location: Salon 10 Level: Intermediate
Michael Bleigh (Divshot)
Average rating: ***..
(3.76, 17 ratings)
3-Hours: Web Components are the building blocks of tomorrow's web applications, but you can start working with them today. Learn about how the various pieces of the spec work together to create awesome, reusable, and well-encapsulated components and put it into practice today using Google's Polymer library. Read more.
Add to your personal schedule
Location: Salon 10 Level: Intermediate
John Williams (NewCity Media, Inc.)
Average rating: ****.
(4.20, 15 ratings)
3-Hours: This workshop will introduce you to the basics of the D3 library. D3 lets you create rich, custom interactive pieces driven by data, but the learning curve can be difficult to navigate. We'll cover the fundamental concepts of the library as well as SVG–the most common illustration tool for D3–and enough functional programming to get by. Read more.
Add to your personal schedule
Location: Salon 10 Level: Intermediate
Average rating: ****.
(4.00, 8 ratings)
Data visualizations is increasingly popular. This talk will cover well-known challenges and pitfalls for accessible data visualization, and describe techniques to overcome them, and even to enhance accessibility by using Web solutions like SVG, HTML, ARIA, and the Web Audio API and Web Speech API. Read more.
Add to your personal schedule
Location: Salon 10 Level: Beginner Developer
Lee Mallabone (LinkedIn)
Average rating: ****.
(4.40, 5 ratings)
Email consumption on mobile devices is growing at an unprecedented rate, and the HTML capabilities of those devices is a step-change from their desktop counterparts. This talk will demo some lessons learned building delightful mobile experiences at LinkedIn, and present specific HTML & CSS3 authoring techniques for creating remarkable best-in-class mobile emails. Read more.
Add to your personal schedule
Location: Salon 10 Level: Advanced
Chris Wilson (Google)
Average rating: ****.
(4.00, 4 ratings)
We've all come to expect audio, video and realtime communication from apps, games and sites – on all our devices. This session will help you build dynamic, multi-device web applications using video, WebRTC, Web Audio and more. We show you how to maximise performance, avoid common gotchas, and deliver great experiences on mobile and desktop, using powerful new media APIs. Read more.
Add to your personal schedule
Location: Salon 10 Level: Intermediate
Marc Grabanski (Frontend Masters)
Average rating: ****.
(4.93, 15 ratings)
Take a whirlwind tour of a the graphics format that looks as good on small devices as it does on high resolution (retina) and large displays. We'll take a look at much of the SVG API as well as how to interact with vector graphics through the use of transforms, transitions, matrices and JavaScript libraries such as RaphaelJS and D3. Read more.
Add to your personal schedule
Location: Salon 14 Level: Intermediate
Average rating: ***..
(3.50, 2 ratings)
A look at debugging techniques (some helpful, some desperate) for PhoneGap applications. Read more.
Add to your personal schedule
Location: Salon 5/6
Dan Tocchini (The Grid)
Web developers are expected to build increasingly sophisticated UIs faster, cheaper, with tools that have not evolved with the times. Why is the trivial task of centering an element with CSS so obtusely complex ? Read more.