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

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

Assuming the following sunspot setup of the post class: class Post < ActiveRecord::Base searchable do text :title string :state

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

This Firebug feature is called simply Log Events and allows developers to log DOM events into the Console panel.

github.com

No one wants to cry over regression issues in views; does testing HTML and CSS have to be such a...

makandra dev

The usage shares of your site highly depends on your target audience. E.g. no Internet Explorer has ever seen hollyapp.com...

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

api.jquery.com

The $.cssHooks object provides a way to define functions for getting and setting particular CSS values. It can also be...

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