Bleeding Edge Web

August 2013

News from the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Wig Wag & DeviceJS

— Ed Hemphill, Cofounder of WigWag

Industry

New TLD's Coming Soon

WhatDomain.org

Examples: .ninja, .lol, .austin, .世界, etc.
Begins rolling out Oct 2013 (about 20/week)
Current list of TLD applications at ICANN

Interesting W3C News

CSS Selectors Level 4

Working Draft 2 status

Subject indicator

// Selects any LI with class "foo" inside an OL
OL > LI.foo

// Selects any OL containing an LI with class "foo"
!OL > LI.foo

Selector Profiles: "fast" vs. "complete"

Interesting W3C News

CSS Shapes Module Level 1

First Public Working Draft (June 2013)

CSS Shapes control the geometric shapes used for wrapping inline flow content outside an element... A circle shape on a float will cause inline content to wrap around the circle shape instead of the float's bounding box.

Interesting W3C News

CSS Shapes Module Level 1

<style type="text/css">
  #float-left {
    shape-outside: polygon(0,0 100%,100% 0,100%);
    /* etc. */
  }
  #float-right {
    shape-outside: polygon(100%,0 100%,100% 0,100%);
    /* etc. */
  }
</style>

Platforms

Browser Pop Quiz

Name the latest public/stable versions of:

IE
Chrome
Firefox
Safari
Opera

Browser Pop Quiz

Name the latest public/stable versions of:

IE 10
Chrome 27 → 28
Firefox 22 → 23
Safari 6
Opera 15

IE 11 (Preview)

First released with Win8 Preview last month

IE 11 Preview released July 25 for Win 7

New F12 developer tools (test drive now)

Chrome 28

Released July 10

Switched from WebKit to Blink
Rich content notifications (Windows only for now)
Updated V8 engine and bug fixes

Firefox 23

Released August 6 (Today!)

New logo!
Share button / Social API
Mixed content blocker (blocks non-secure content on an HTTPS page)
New Network Monitor utility
Various other improvements and fixes

And my favorite:

Dropped blink effect from text-decoration: blink;

Libraries

SenchaCon 2013 Recap

Sencha Space

New secure and managed environment for HTML5 business apps (BYOD environments)
Currently in dev preview on iOS, Android & Blackberry

Sencha Architect 3.0 (preview)

Project templates
First-class support for third party components
Theme editing
Appurify integartion for mobile testing

SenchaCon 2013 Recap

Ext JS 4.3

Touch support (tablet only)
Grid gadgets (complex flyweight components in grid cells)
Sencha Cmd improvements (sencha app watch)

Sencha Touch 2.3 Beta

Built-in Cordova (PhoneGap) support, e.g. sencha ant cordova
TouchGrid (separate component)
Improved Blackberry support, experimental Tizen support

What the hell is Tizen?

Tizen is an open source, standards-based software platform... for multiple device categories such as smartphones, tablets, netbooks, in-vehicle infotainment devices, and smart TVs.

An OS + app platform within the Linux foundation

Linux kernel + WebKit runtime

Consistent user experience across all devices (hypothetically)