While Gaug.es remains a paid service, the Android app is free and is also open source under the Apache 2.0 license.

Gaug.es for Android is built on top of the Gaug.es API which also happens to have its realtime features built using Pusher, our lovely sponsor!

Announcement – Source on GitHub

The post gauges-android – Gaug.es Android Application appeared first on The Changelog.

The post Customizable, localized add-to-home-screen script for iOS appeared first on The Changelog.

iOS Boilerplate is tested on iPhone / iPod Touch devices with iOS 4.0 or greater. In a future it might support universal applications (iPhone + iPad)

As of this posting, iOS Boilerplate is just an XCode project and is planned to be released as a true XCode template in the near future.

Check out the source on GitHub and the project’s homepage for more details.

The post iOS-boilerplate: A base boilerplate template for iOS appeared first on The Changelog.

Items mentioned in the show:

• Nathan Smith, friend of the show, creator of 960.gs, Adapt, Formalize, and featured in Episode 0.3.2
• Sam Stephenson, programmer at 37signals, creator of massive amounts of open source.
• Pow is a zero-config Rack server for Mac OS X.
• Pow supports multiple rubies via RVM.
• Powder is a CLI for Pow.
• Prototype.js is a JavaScript Framework that aims to ease development of dynamic web applications.
• Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files.
• Stitch stitches your CommonJS modules together for the browser
• ExecJS runs JavaScript code from Ruby.
• Josh Peek, Rubyist and GitHubber.
• Nack – Node.js adapter for Rack
• Sam loves CoffeeScript and hopes to never write JavaScript again.
• Sam debunks the FUD of debugging CoffeeScript. “Command-F is your friend.”
• Jeremy Ashkenas, creator of CoffeeScript ported his Underscore library as a demonstration.
• Sam weighs in on the micro framework movement and loves Zepto, Underscore, and Backbone.
• “We’re living in a WebKit world on mobile.”
• The goal of the Basecamp Mobile app was to “feel like a web app.”
• Basecamp Mobile was a team effort by Sam, Josh, and Jason Zimdars.
• “Responsive Web Design”, a term coined by Ethan Marcotte.
• Less Framework is an adaptive grid CSS framework for desktop and mobile.
• Cinco is the yet-to-be-released framework behind Basecamp Mobile built on Stitch, Backbone, CoffeeScript, and Zepto.
• Sprockets powers the new Rails 3.1 Asset Pipeline
• Jammit is an alternative to Sprockets.
• The Ruby Racer from Charles Lowell embeds the V8 Javascript Interpreter into Ruby
• The Git commit heard round the world.
• Baren generates images from Processing source.
• Jamie Dihiansan is the design talent behind the great Pow web site
• Pow uses docco for documentation.
• Rack-legacy allows you to serve up PHP from Pow.
• Be sure and snag Trevor Burnham’s excellent CoffeeScript book
• Josh and DHH are Sam’s programming heroes.

The post Episode 0.6.4 – Pow, Rails 3.1 Asset Pipeline, Cinco, CoffeeScript, and more with Sam Stephenson appeared first on The Changelog.

Leaflet from CloudMade aims to create an elegant, open JavaScript API for mapping for both the web and mobile devices. Supporting OpenStreetMap, Bing, and WMS, Leaflet offers a unified API across a number of providers.

In addition to standard mapping features such as tile layers, polylins, polygons, circles, markers, poups, image overlays, and pan/zoom/move controls, one of Leaflet’s killer features is its pure CSS3 popups.

While powerful, the Leaflet API is also quite simple:

// initialize the map on the "map" div with a given center and zoom
var map = new L.Map('map', {
    center: new L.LatLng(51.505, -0.09),
    zoom: 13
});

// create a CloudMade tile layer
var cloudmadeUrl =
'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',
    cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});

// add the CloudMade layer to the map
map.addLayer(cloudmade);

Project creator Vladimir Agafonkin also notes that the project makes use of CSS3 3D Transforms and Transitions “to be smooth and efficient on mobile platforms.”

Be sure and check out the great web site for advanced usage and examples as well.

[Source on GitHub]

The post Leaflet: JavaScript library for mobile and web open mapping appeared first on The Changelog.

Joe Hewitt who brought us Firebug and the Facebook iPhone app has released Scrollability, a single script with no external dependencies that allows developers to achieve near-native feeling scrolling, just by adding a few CSS classes to their markup. In just a few hours of its release, the project has over 250 watchers on GitHub.

Joe includes a simple demo for iOS devices that demonstrates super smooth scrolling as well as fixed header and footer elements.

[Source on GitHub]

The post scrollability: Native scrolling for the mobile web appeared first on The Changelog.

However, if you do speak Objective-C or Java you might not know you can extend Titanium and provide JavaScript hooks for your own code that you might want to share with other projects (and even other folks) via custom modules. You can even build extensions in JavaScript as well. The Ti+Plus Modules Starter Pack is a bundle of sample projects demonstrating how to extend Titanium. The source code for these projects augment the iOS module development and Android module development guides on the Titanium documentation site.

Be sure to check out the sample source for Flurry, Paint, and this one from AdMob:

#import "TiAdmobModule.h"
#import "TiBase.h"
#import "TiHost.h"
#import "TiUtils.h"

@implementation TiAdmobModule

// this is generated for your module, please do not change it
-(id)moduleGUID
{
  return @"0d005e93-9980-4739-9e41-fd1129c8ff32";
}

// this is generated for your module, please do not change it
-(NSString*)moduleId
{
  return @"ti.admob";
}

#pragma mark Lifecycle

-(void)startup
{
  // this method is called when the module is first loaded
  // you *must* call the superclass
  [super startup];

  NSLog(@"[INFO] AdMob module loaded",self);
}

-(void)shutdown:(id)sender
{
  // this method is called when the module is being unloaded
  // typically this is during shutdown. make sure you don't do too
  // much processing here or the app will be quit forceably

  // you *must* call the superclass
  [super shutdown:sender];
}

If you’d like to get started with Titanium Mobile, I’ll be joining Kevin and Marshall at Red Dirt Ruby Conf and doing a special Zero-to-App training session to get you up and running with Titanium. We’ll even throw in a little CoffeeScript.

The post Titanium Modules: Starter pack for extending Appcelerator Titanium appeared first on The Changelog.

A massive update of nearly 500 commits and over 150 bug fixes, Alpha 3 sports a totally refactored Ajax navigation that in our initial tests is much zippier (at least on the iPhone 4).

Check out the official announcement and updated demo or grab the code.

[Source on GitHub] [Announcement] [Demo]

The post jQuery Mobile Alpha 3 released appeared first on The Changelog.

Items mentioned in the show:

• The Magic Roundabout is crazy
• Wynn got his UK badge on Gowalla
• script.aculo.us JavaScript effects framework built on top of Prototype
• Prototype – JavaScript Framework that aims to ease development of dynamic web applications.
• Thomas is one of many talented RoR core team alumni
• Scripty2 – completely rewritten version of script.aculo.us
• RaphaelJS – JavaScript vector graphics library featured in Episode 0.2.5
• Johnson Page asks “What’s the future of Prototype.js?”
• Underscore.js utility library for jQuery, inspired by Prototype, featured in Episode 0.0.5
• Zepto.js minimalist inlinable framework for mobile WebKit browsers, with a jQuery-like chaining syntax
• EveryTimeZone.com – handy tool to pick a time to meet across time zones. A promotional site for Freckle, chock full of JavaScript best practices.
• Thomas’ blog post on approaches taken with EveryTimeZone.com
• Gury Chainable syntax wrapper for the <canvas> element
• Vapor.js “The only JS framework compatible with every browser.”
• MadRobby gives mad props to @janl, @hblank, @cramforce and other JSConf.eu organizers.
• FabJS – modular async framework for Node.js
• Chris Williams’ talk on PromoteJS, an effort The Changelog supports.
• Eyeballs.js – A lightweight MVC framework for building fast, tidy JavaScript web apps
• CoffeeScript, featured in Episode 0.2.9
• Amy Hoy, Thomas’ wife, product proponent, and usability diva.
• Freckle helps you manage your time
• JavaScript Performance Rocks – three books on ultimate web app performance
• Charm Desk – Thomas and Amy tackle customer support
• PeepCode’s Smashing into Vim with the soothing voice of Dan Benjamin
• Mensch and Meslo, the latest stops on Thomas’ journey to find the ultimate Terminal.app font
• Thomas likes to fly his AR.Drone around the office
• He’s also building the Lego Milennium Falcon
• SchnitzelConf a 1-day, full-contact conference in Vienna, Austria focusing on creating products, launching businesses, and charging real money.

The post Episode 0.3.9 – Scripty2, Zepto.js, Vapor.js, and more with Thomas Fuchs appeared first on The Changelog.

Unify looks to be a metaframework of sorts, wrapping other popular frameworks:

• qooxdoo is a comprehensive and innovative framework for creating rich internet applications (RIAs) using object-oriented JavaScript
• PhoneGap provides a native wrapper for web apps, providing interfaces for device features not supported with browser-based apps alone.
• Sass is a superset of CSS3 syntax and provides programmatic features for CSS such as variables, mixins, and selector nesting, covered way back in Episode 0.0.1
• Adobe AIR provides a cross-platform runtime for desktop applications.

Unify currently supports iOS, Android, and WebOS devices and plans to support BlackBerry OS 6.0 soon.

API

The Unify API provides a single progamming model to features such as IO, storage, cache, geolocation, and even UI.

Here’s the ScrollView class as an example:

unify.ui.mobile.ScrollView

• Scrolling could be enabled/disabled separately for each axis.
• Indicator style is changable through an API call (per instance)
• Flips back when scrolling out of allowed ranges.
• Smooth animations for deleleration and flip back
• Page based scrolling where the content is auto-splitted into pages which are used for snapping into

Keep an eye on the Unify Roadmap for updates and real-world implementations.

[Source on GitHub] [Homepage]

The post Deutsche Telekom releases Unify, metaframework for mobile built on HTML5, JavaScript, and Sass appeared first on The Changelog.

JSConsole from Remy Sharp is a great way to play with JavaScript in the browser, especially during live coding sessions.

Just like Firebug or the WebKit JavaScript consoles, simply type an expression and JSConsole will evaluate it:

Math.floor(-3.15)
> -4

JSConsole also serves up permalinks for each command: http://jsconsole.com/?Math.floor(-3.15). You can even load external JavaScript libraries with a single command:

:load jquery

Remy has now ported the console to mobile devices using PhoneGap, complete with Websockets support.

[JSConsole on GitHub][JSConsole for iOS on GitHub]

The post jsconsole: JavaScript console now on the iPhone, iPad appeared first on The Changelog.

Mark Perkins offers a couple of projects to make the task a bit easier, especially on mobile devices.

Snoopy

Snoopy is a bookmarklet that lets you snoop on pages on mobile devices like the iPad (although it works on the desktop nicely, too). Simply add the script as a bookmark, navigate to your target page, and launch the bookmarklet. Here’s a screenshot of Snoopy snooping on the Modernizr web site.

Sniffer

Snoopy uses Sniffer under the hood, if you want to use the detection in a close-to-the-metal script form.

Sniffer will detect:

• Page info, including doctype and charset
• Popular JavaScript libraries like jQuery, jQuery UI, Prototype, Dojo, Modernizr, and more
• Popular CMS tools such as WordPress, Joomla, and MovableType
• Analytics packages from Google, Clicky, and others
• Typography toolkits like Cufon, TypeKit, sIFR, and Google’s Webfonts

[Snoopy on GitHub] [Sniffer on GitHub]

The post snoopy and sniffer: Detection scripts and bookmarklets for mobile browsers appeared first on The Changelog.

Delicious Morsel, makers of apps like WootOn! and Twee, have open sourced their Feeds app on GitHub.

Features

Feeds is a full-featured Google Reader client and includes

• Notifications
• Offline reading
• Image zooming
• Landscape mode

Delicious Morsel also released their WebOS version of WootOn!.

[Source on GitHub] [Homepage] [Twitter]

The post Feeds: Popular WebOS feed reader now open source appeared first on The Changelog.

One reason JavaScript frameworks have become popular is because they abstract browser differences and let the developer focus on the work at hand, not on how it’s done. Since zepto.js targets only Webkit browsers, a lot of the cruft found in other frameworks can be eliminated. Modern JavaScript features such as forEach can be assumed so the framework is leaner, critical for building mobile apps.

zepto.js is under heavy development (growing by 2x since we first spotted it yesterday), but looks to deliver on its goal of being a “~2k library that handles most basic dredge work for you in a nice API so you can concentrate on getting stuff done.”

Features

zepto.js uses the familiar $ function and includes the usual suspects:

get(): return array of all elements found
get(0): return first element found
html('new html'): set the contents of the element(s)
css('css properties'): set styles of the element(s)
append, prepend: like html, but append or prepend to element contents

Ajax support

Methods you’d expect for Ajax-fied GETs and POSTs are there as well:

$.get(url, callback)
$.post(url, callback)
$.getJSON(url, callback)

Installing and using

Thomas recommends not linking to zepto.js directly in your document <head>, rather copy and paste the contents of zepto.min.js directly into a <script> tag.

Thomas knows a thing or two about mobile optimization. Be sure and catch his thoughts in how he optimized Every Time Zone for mobile devices.

[Source on GitHub]

The post zepto.js: Minimalist JavaScript framework for mobile WebKit with jQuery-like chaining appeared first on The Changelog.

Paul Irish, the Google Chrome dev relations guy who gave us the bulletproof syntax for @font-face, brings us his HTML5 Boilerplate a great tutorial/starting point for implementing a number of best practices in your desktop and mobile web applications including

• HTML5 <!doctype> and CSS reset
• Handheld stylesheets
• CSS media queries for advanced mobile device targeting (even portrait or landscape layouts)
• Paul’s Modernizr script for detecting device capabilities such as Modernizr.video.ogg

The current version is heavily documented. Paul promises a more slim, production ready version soon.

Check out the source on GitHub and the HTML5 Boilerplate homepage

The post html5-boilerplate: Best practices starting point project for HTML5 and mobile web apps appeared first on The Changelog.

Items mentioned in the show:

• TestSwarm – Distributed continuous integration testing for JavaScript.
• Pro JavaScript Techniques John’s JavaScript book
• Secrets of the JavaScript Ninja John’s upcoming book of trade secrets
• WebKit – The rendering engine behind Safari, Chrome, and a growing number of mobile browsers
• PhoneGap – Bridges the gap between the web and native functions on the iPhone, Android, and Blackberry
• Fennec Firefox for mobile devices
• Opera Dragonfly – cross device, cross platform debugging environment for the Opera browser-debug JavaScript, inspect and edit CSS and the DOM
• jQTouch – jQuery plugin for mobile web development on the iPhone, iPod Touch
• iUI – create WebApps with an iPhone-like Look and Feel from Firebug creator Joe Hewitt
• TouchScroll JavaScript- and CSS 3-based scroller for devices using Webkit Touch (yes, that includes Android). It is meant to mimic “native” scrolling feeling and behavior as much as possible.
• Mustache.js – Minimal templating with {{mustaches}} in JavaScript

The post Episode 0.2.8 – Mobile web development with John Resig appeared first on The Changelog.

Items mentioned in the show

• RaphaelJS
• WebGL
• CodeStrong Titanium developer docs
• Fix Me
• Titanium Desktop on GitHub
• Titanium Mobile on GitHub

The post Episode 0.0.8 – Marshall Culpepper from Appcelerator Titanium appeared first on The Changelog.