Latest Screencasts

Edit an attribute in-place without leaving a page using the Best In Place gem. Learn how to add validations and support for various field types.

by Geoffrey Grosenbach. Graphics by Paula Lavalle. Music by Giles Bowkett. Previously: Backbone Part I Backbone Part II Backbone.js is a capable framework for building client-side applications. But even with method-by-method documentation, the details of how to actually build full-featured, useful applications can be elusive.

Mercury allows you to edit a section of HTML directly in the web browser through a WISYIWYG editor. Here I show how to integrate Mercury into a Rails app and save the changes back to the database.

Mustache is a simple, logic-less templating language which allows you to use the same template for both Ruby and JavaScript. See how to set it up with a custom template handler in this episode.

Are you looking at a giant pile of JavaScript, wondering how you can pull it apart and make sense out of it? I was. When I started looking at implementing new features in my Backbone.Memento plugin for Backbone.js , I didn't know how I was going to make it work. With a little time and effort, though, I was able to untangle the mess and set up the code so that it can be maintained and modified with ease.

Specification Clicking a star rating turns on the stars to the left of the star I clicked. Clicking a star submits the star rating. When I refresh the page, the star ratings should be persistent. We’ll be using Rails’ functions including: form_for hidden_field Rails Helpers We’ll be using jQuery functions including: click each ajax <code> [...]

In this quick video tutorial we'll show you what a bookmarklet is, and how you'd go about to create one. What you'll Learn What a Bookmarklet is How to create a simple Bookmarklet

CoffeeScript allows you to write JavaScript in a concise, elegant fashion. Here I convert JavaScript code to CoffeeScript in a Rails 3.1 app.

CoffeeScript offers more than nice syntax for setting and managing data and functions. It also offers Classes, Inheritance, access to a ‘super’ method, Ruby-style string interpolation, easy variable and function bindings, and chained comparisons. Here’s the code I showed in the video: class Vehicle constructor: (@name) -> move: (miles) -> console.log @name + " drove [...]

  Ruby on Rails 3.1 is moving to use Sprockets to compile CoffeeScript into JavaScript and include JQuery in it’s JavaScript by default. This is a quick demo of how it all hangs together to manage your JavaScript in Rails 3.1.