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

When you are using the #selector_for helper in Cucumber steps, as e.g. Spreewald does, the following snippet will save...

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

makandra dev

TL;DR Block formatting contexts establish an isolating container. float and clear only apply to elements within such a container...

The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...

phpied.com

Some insight into how browser rendering engines work. The article shows how the way you manipulate styles (and the DOM...

When navigating back to a page that was received from a POST request, undesired side effects may happen. Therefore, modern...

github.com

Use it like this for inline icons: Germany They also work as block elements:

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

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

makandra dev
api.rubyonrails.org

Rails includes a way to see what an e-mail will look like. Integration to RSpec All you need to...

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

makandra dev
github.com

Bourbon is a library of pure Sass mixins that are designed to be simple and easy to use. No configuration...

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

The benefit of the Rails asset pipeline is that it compiles your stylesheets and javascripts to a single file, respectively...

makandra dev

The Rails asset pipeline improves delivery of application assets (javascripts, stylesheets, images, fonts). Here are some basic facts about its...

When you run code inside a $watch expression that forces a repaint (e.g. by computing an element's width, or...