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...
Some progress was made by browsers on implementing CSS filters like blur, greyscale or some other effects. You might already...
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...
If you get an error like this ... can’t find executable rails for rails-3.2.3 (Gem::Exception) ... one of several...
When you add a linear gradient to an element, IE9 removes all border-radius and inset box-shadows. This is...
When you want to test how an web-application reacts in a specific resolution, you can set up a specific...
The DOM window object provides access to the browser's history through the history object. It exposes useful methods and...
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...
Basic box shadow support is available in all browsers today, but you need to check to which extend they are...
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...
By default, Google Analytics tracks the current URL for every request. Sometimes you will want to track another URL instead...
zClip is a lightweight jQuery "copy to clipboard" plugin built using the popular Zero Clipboard library. This plugin uses an...
A small library to provide the Rails I18n translations in Javascript clients.
CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the...
This is a demo of the "Tabby" Javascript jQuery plugin to use tabs in regular textareas to make them suitable...
KeyboardJS is a library for binding to keys or key combos
Usually you don't need to, but when you want to see which queries your MySQL server currently needs to...
Capybara has a global option (Capybara.ignore_hidden_elements) that determines whether Capybara sees or ignores hidden elements.
In some older Capybara versions (e.g. 0.3.9), we're getting lots of deprecations warnings: Selenium::WebDriver::Element#select is deprecated...