makandra dev

Check your GPU state on chrome://gpu. If it reads "WebGL: Hardware accelerated" in the first list, you're set...

Write a // and indent every subsequent line by two spaces. This is great for documenting BEM blocks! // An action button...

patrickmarabeas.github.io

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

makandra dev
stackoverflow.com

When a CSS3 animation makes the animated element flicker, it may well be due to pixel fragments being handled differently...

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.

markembling.info

Using uncountable resources is not recommended as it breaks Rails' magic, e.g. when using form_for. You'll always be...

phpied.com

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

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!

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.

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

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

Sometimes you want Angular to watch an object only until a certain state is reached (e.g. an object appears in...