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

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

makandra dev
github.com

Clamps (ie. cuts off) an HTML element's content by adding ellipsis to it if the content inside is too...

tutorialzine.com

A very clever hack to parse a structured URL object is to create a element and set its href to...

github.com

BubbleTree is a library for interactive visualization of hierarchical data. Originally developed mainly for spending data, the library is now...

dmitrybaranovskiy.github.io

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want...

Restangular can make use of $http's built-in response cache. # Cache response for single request Restangular.one('accounts', 123).withHttpConfig...

makandra dev
draggabilly.desandro.com

Javascript library for drag'n'drop that seems to have more options than native HTML5 drag'n'drop.