prismjs.com

Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off...

developers.google.com

The attached article outlines considerations when choosing client-side vs. server-side implementations of the Google Geocoding APIs (geocoder, directions...

So you want to find out how many horizontal pixels you have available on a mobile device. This is super...

Every time you call $(...) jQuery will create a new object. Because of this, comparing two jQuery collections with == will never...

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