When you are using git rebase and are currently editing a commit (due to a conflict, for example), you may...

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

Since I use this a lot in my daily work and there were no scripts working properly for me, I...

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

Rarely, you might want to rebuild all gems with native extensions, because they might be compiled against outdated system libraries...

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.

Browser rendering engines are very slow at rendering large box shadows. I had a situation where a complex layout with...

Why is this useful? You can have a background image on the same element, overlaying it with a transparent gradient...

When is this useful? When both parent and child elements have borders, with this technique you don't get two...

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

This is for you if you get the following strange error from the state_machine gem: undefined method `-' for #

makandra dev
github.com

Turbolinks makes following links in your web application faster. Instead of letting the browser recompile the JavaScript and CSS between...

If some of your JavaScripts fail on Internet Explorer, but only in staging or production environments, chances are that JavaScript...

makandra dev

Today I got a better understanding of how git works, in particular what git checkout and git reset do.

Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...

youtube.com

Interesting interview with DHH, where he talks about how they made the new Basecamp feel very fast without using a...