If you're using the Capybara webdriver, steps sometimes fail because the browser hasn't finished loading the next page...
Shows how to implement an animated progress bar in pure CSS, without animated GIFs, Javascript or Flash.
Makes a robust determination of a user's timezone through Javascript.
Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...
Turbolinks makes following links in your web application faster. Instead of letting the browser recompile the JavaScript and CSS between...
Many jQuery plugins suffer from a good plugin architecture. When you write jQuery plugins you should use the plugin pattern...
If some of your JavaScripts fail on Internet Explorer, but only in staging or production environments, chances are that JavaScript...
This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background...
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
Now works with radio buttons.
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...
By default, only application.js, application.css and all non-JS/CSS files are precompiled into public/assets. If you have asset manifests...
In Selenium features the server and client are running in separate processes. Therefore, when mocking time with a tool like...
No big features, but many improvements under the hood: Faster selector engine Many bug fixes Note that jQuery 2.0, scheduled...
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
The $.cssHooks object provides a way to define functions for getting and setting particular CSS values. It can also be...
The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...
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...
When using the asset pipeline your assets (images, javascripts, stylesheets, fonts) live in folders inside app: app/assets/fonts app/assets/images...