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...

httpd.apache.org

Debugging .htaccess is hell, and RewriteRules in particular if they are not working as expected. But fear not! RewriteLog will...

If some AJAX functionality does not work, but you see Firefox making an OPTIONS request, the reasons is most likely...

Capybara uses www.example.com as the default hostname when making requests. If your application does something specific on certain hostnames and...

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...

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...

leemunroe.com

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

When is this useful? When both parent and child elements have borders, with this technique you don't get two...

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...