Barry Frost

This is Barry Frost’s personal website.

Tagged #html5

Ionic

“Advanced HTML5 Hybrid Mobile App Framework”. Used for Jiko app.

Hybrid sweet spot

Basecamp’s approach to mobile apps: native navigation, web content

Framework7

Full Featured HTML Framework For Building iOS7 Apps

maccman/macgap

Desktop WebKit wrapper for HTML/CSS/JS applications.

Howler

Javascript audio library for the modern web

Laker compendium

Laker is a compendium of files, frameworks, styles and tips for designing digital publications in HTML5

Trigger

Cross-platform app framework. HTML5/CSS3/JS => Android, iOS, Chrome, Firefox, Safari & IE

Mobile HTML5

HTML5 feature compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices

Cramp

Asynchronous Ruby framework built on top of EventMachine. Supports HTML5 WebSockets and makes streaming APIs “easy peasy”.

Mobile development with HTML5

Viewports, caching and jQuery templating

Building the SoundCloud mobile site using backbone.js

The SoundCloud team chose jquery-tmpl for templating and extended Backbone to allow for history.pushState to map URLs and added a client side cache with HTML5 sessionStorage.

HTML5 vs Native: The Mobile App Debate

HTML5Pattern

Regexes for use in HTML5 input fields for things like postcodes and credit card numbers. Useful regex resource in its own right.

Infinite scroll + HTML5 History API

Experiment that modifies the URL with query parameters on the fly when you scroll down a long list of tweets so you can bookmark and return to the same position.

Responsive web design from the future

“Responsive web design is about a lot more than the size of your screen”. HTML5’s history API, pushState, replaceState, Hashbangs, Ajax, Pjax and other topics from GitHub’s designer

Miro Video Converter

Free Mac/Windows converter for most video formats into MP4, Ogg Theora and WebM for use as HTML5 video

Hype

HTML5 friendly Mac animation tool. Don’t mention the F word.

HTML5-powered Ajax file uploads

The Current State of HTML5 Forms

Degradable JavaScript Applications Using HTML5 pushState

Also some neat DRY techniques for graceful degradation using Sinatra/Mustache and Davis.js/Mustache so that the web server routes/templates match the client versions