Turbolinks makes following links in your web application faster. Instead of letting the browser recompile the JavaScript and CSS between...

If some of your JavaScripts fail on Internet Explorer, but only in staging or production environments, chances are that JavaScript...

Given you store files on Amazon S3 and you need to stream those files out to people while you don...

Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...

Interesting interview with DHH, where he talks about how they made the new Basecamp feel very fast without using a...

A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...

So your Cucumber feature sometimes dies with this exception: Modal Dialog Present (Selenium::WebDriver::Error::UnhandledAlertError) As a seasoned Selenium...

In Selenium features the server and client are running in separate processes. Therefore, when mocking time with a tool like...

Write your app using HTML, CSS or JavaScript, upload it to the PhoneGap Build service and get back app-store...

For my Gem Session project Holly I ran the Ironman of drag'n'drop implementations: Dragging in nested lists

The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...

Added information about what jQuery considers "visible" Added a solution for Prototype Added a patch for Prototype that replaces the...

The step definition below lets you write: When I click on "Foo" This is useful in Selenium features where the...

Applications often show or hide elements based on viewport dimensions, or may have components that behave differently (like mobile vs...

When using the asset pipeline your assets (images, javascripts, stylesheets, fonts) live in folders inside app: app/assets/fonts app/assets/images...

TagCanvas is a Javascript class which will draw and animate a HTML5 canvas based tag cloud.

Localizing a non-trivial application can be a huge undertaking. This card will give you an overview over the many...

You will find this useful when creating responsive designs that work well on small screens. The attached Javascript gives a...

When you want to test how an web-application reacts in a specific resolution, you can set up a specific...

In order to navigate through the browser history. you can manipulate the window.history object via javascript like follows:

Spreewald gives you steps like these: When I enter "text" into the browser dialog Also see Accept or deny JavaScript...

You can use this code: function scrollToLine($textarea, lineNumber) { var lineHeight = parseInt($textarea.css('line-height')); $textarea.scrollTop(lineNumber * lineHeight); }

Controller responses often include Javascript code that contains values from Ruby variables. E.g. you want to call a Javascript function...