makandra dev
github.com

Tracekit is a JavaScript library that automatically normalizes and exposes stack traces for unhandled exceptions across the 5 major browsers...

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

Selenium cannot reliably control a browser when its window is not in focus, or when you accidentally interact with the...

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

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.

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

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

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

A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...

So your Cucumber feature sometimes dies with this exception: Modal Dialog Present (Selenium::WebDriver::Error::UnhandledAlertError) As a seasoned Selenium...

github.com

In Selenium features the server and client are running in separate processes. Therefore, when mocking time with a tool like...

makandra dev
build.phonegap.com

Write your app using HTML, CSS or JavaScript, upload it to the PhoneGap Build service and get back app-store...

For my Gem Session project Holly I ran the Ironman of drag'n'drop implementations: Dragging in nested lists

makandracards.com

The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...

makandracards.com

Added information about what jQuery considers "visible" Added a solution for Prototype Added a patch for Prototype that replaces the...

The step definition below lets you write: When I click on "Foo" This is useful in Selenium features where the...

Applications often show or hide elements based on viewport dimensions, or may have components that behave differently (like mobile vs...