makandra dev
tsvensen.github.com

jQuery plugin for equalizing the height or width of elements.

makandra dev
github.com

Tracekit is a JavaScript library that automatically normalizes and exposes stack traces for unhandled exceptions across the 5 major browsers...

tympanus.net

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.

creativecouple.github.com

jquery-timing is a very useful jquery plugin that helps to remove lots of nested anonymous functions. It's API...

The basic idea is pretty simple: an element's height is accessible via the offsetHeight property, its drawn height via...

stackoverflow.com

This works in all relevant browsers: document.activeElement You can use this in your Selenium steps, for example, to assert that...

davidwalsh.name

David Walsh from Mozilla shows how to fire 'DOM changed' events from CSS. No need for JS to observe DOM...

Selenium cannot reliably control a browser when its window is not in focus, or when you accidentally interact with the...

odyniec.net

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement...

makandra dev
yconst.com

Freetile is a plugin for jQue­ry that en­ables the or­ganiza­tion of web­page con­tent in an ef­ficient, dynamic and re­spon­sive layout...

github.com

As the title says: this jQuery plugin creates bar charts from HTML tables. It comes in some different flavors.

Capybara gives you two different methods for executing Javascript: page.evaluate_script("$('input').focus()") page.execute_script("$('input').focus()")

coding.smashingmagazine.com

JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications...

thegleebox.com

gleeBox is an experimental project that takes a keyboard-centric approach to navigating the web. It provides alternatives to actions...

Generally, Selenium tests use the browser to interact with the page. If it's unavailable, a timeout error is...

If you're using the Capybara webdriver, steps sometimes fail because the browser hasn't finished loading the next page...

makandra dev
leemunroe.com

Shows how to implement an animated progress bar in pure CSS, without animated GIFs, Javascript or Flash.

makandra dev
bitbucket.org

Makes a robust determination of a user's timezone through Javascript.

makandra dev
github.com

Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...

makandra dev
github.com

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

markdalgleish.com

Many jQuery plugins suffer from a good plugin architecture. When you write jQuery plugins you should use the plugin pattern...

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

dfcb.github.com

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background...

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