Bleeding Edge Web

Bleeding Edge Web: August 2014

News from the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Web App by Example: Python

— Joe McCullough (@joe_query)

Thanks to our sponsor:

Next-generation customer service software

Thanks to our sponsor:

10-week Python and HTML/CSS training courses

Bleeding Edge Web(site)

We're on the Web!

Includes most of our slide decks from the past 2 years:

News from the Bleeding Edge

Browser Update

Browser Pop Quiz

Last version check — July 2014 (last month):

Chrome Firefox Opera Safari IE
36 31 22 7 11

Browser Pop Quiz

As of August 26, 2014:

Chrome Firefox Opera Safari IE
31 22
7 11

Chrome Highlights

Version 37 (Aug 26th)


Firefox Highlights

Version 32 (Preview, still in beta)


W3C Specs

W3C Standards for Mobile Web Apps: Current State & Roadmap

Summarizes the various technologies developed in W3C that increase the capabilities of Web applications, and how they apply more specifically to the mobile context.

Summary of specs by technology category:

W3C Standards for Mobile Web Apps: Current State & Roadmap

Summary of specs by W3C status:

Emerging work First Public Working Draft Last Call for Feedback Candidate Recommendation
  • Wake lock API
  • Geofencing API
  • Named web sockets
  • Web Bluetooth API
  • Service workers
  • WOFF 2.0 (web font format)
  • CSS font loading
  • Beacon API
  • Media queries level 4
  • Canvas API
  • Ambient light events
  • HTML5 (includes a lot of stuff)

W3C Standards for Mobile Web Apps: Current State & Roadmap

The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more.

A crowdsourced, work-in-progress (early) resource for documenting web standards

Currently pushing for JavaScript-focused contributions

Web Components

State of the Componentised Web

Excellent overview of web components

Current W3C status update

Custom component example implemented in several frameworks to compare syntax

Why Web Components Are Ready For Production

Focused on custom elements portion of Web Components

Real-world implementation of a clock face component with example code

Discussion of practical application, polyfills, potential issues

Languages & Frameworks


Swift is a new object-oriented programming language for iOS and OS X development. Swift is modern, powerful, and easy to use.

Introduced at WWDC in June, still in development

JS-like syntax, compiled, modern features, compatible with Objective-C


Great overview of Swift for JS developers (screencast + code examples)

// JavaScript
function Car(model){
  this.model = model;
} = function() {
  return 'Driving my ' + this.model;

// Swift
class Car {
    var model = ""
    func drive() -> String {
        return "Driving my " + model



An application architecture for React utilizing a unidirectional data flow


New Backbone-inspired, modular JS framework

"Tiny modules" philosophy (a la Node), minimal DOM manipulation

Mobile-optimized, offline-first


A Bare Minimum Responsive Framework


JS Books

List of free JavaScript/Node (and related) books

Q & A

Brian Moeskau — @bmoeskau