When ending a Selenium test Capybara resets the browser state by closing the tab, clearing cookies, localStorage, etc.

docs.angularjs.org

If you are using Coffeescript, it is likely to be the culprit. Since Coffeescript always returns the value of...

help.github.com

Please don't simply copy line number links from Github. The URL usually contains a branch name like master which...

patrickmarabeas.github.io

Webfonts are not always available when your JavaScript runs on first page load. Since fonts may affect element sizes, you...

jQuery doesn't store information about event listeners and data values with the element itself. This information is instead stored...

This guide shows how to create an AngularJS application that consumes more and more memory until, eventually, the browser process...

The easiest way to detect touch-capable browsers is to check for the presence of touch events. It is no...

coffeescript.org

The Javascript in operator does what Hash#has_key? does in Ruby: Return whether an object has a property.

Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...

When testing code that uses pushState / replaceState, your browser will appear to navigate away from http://localhost:3000/specs (or wherever...

makandra dev
github.com

This jasmine plugin helps with testing DOM manipulation in two ways: It gives you DOM-related matchers like toBeVisible() or...

When running Selenium features with parallel_tests, some browser-server interaction might take longer than usual and the impatient Capybara...

makandra dev
github.com

Build dashboards using ascii/ansi art and javascript Awesome!

Angular 1.3+ has an alternative getter/setter pattern: You can bind ng-model to an accessor function. This is a function...

JavaScript objects can have getter and setter functions that are called when a property is read from or written to...

This is a problem when using Selenium with Firefox. We recommend using ChromeDriver for your Selenium tests. This setup allows...

dimsemenov.com

Responsive Lightbox JavaScript that just works. You can use it for single images or a gallery. Animations are optional.

The API is a little confusing because animate returns a reference to the element to enable chaining.

jQuery comes with .animate() that lets you transition some CSS selectors: function floatIn($element) { $element.css({ 'opacity': 0, 'margin-top': 200px...

developer.mozilla.org

You can do so much more than console.log(...)! See the attached link for a great breakdown of what the developer...

makandra dev
databound.me

Databound provides Javascript a simple API to the Ruby on Rails CRUD. Tries to expose a full model CRUD as...

makandra dev
mailru.github.io

A set of javascript tools for working with files. It offers different kinds of things: A cross-browser JS API...

github.com

Lightweight Angular JS directive to upload files Includes polyfills for old IEs. Unfortunately, their auto-loading mechanism may not work...

If you want a class-like construct in JavaScript, you can use the module pattern below. The module pattern gives...