navy 0.5.1+ gives empty navigation containers a CSS class .navy-empty which you can hide via .navy-navigation &.navy-empty...

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

Xfce gives you a million options to configure your panels. Together with Xfce's sometimes arcane configuration UI, this can...

If you can now longer hear or record sounds after upgrading Ubuntu, you probably need to re-tell Ubuntu which...

So you have multiple screens under Xfce and want to have one task bar on each screen, only showing applications...

If you don't want to mess around with arcane incantations inside xorg.conf, you can use the graphical arandr tool...

makandra dev
yconst.com

Freetile is a plugin for jQue­ry that en­ables the or­ganiza­tion of web­page con­tent in an ef­ficient, dynamic and re­spon­sive layout...

The classical scenario: There's a parent div element and you want to center some arbitrary child element vertically inside...

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

makandra dev
chrome.google.com

Ever wanted to preview a pattern from Subtle Patterns on your site without the hassle of swapping out images and...

thegleebox.com

gleeBox is an experimental project that takes a keyboard-centric approach to navigating the web. It provides alternatives to actions...

Icon fonts like Font Awesome are infinitely scalable, look great on high-DPI displays and will give your app a...

stevesouders.com

You can use scheme-less URLs (or protocol-relative URLs) to have browsers use the current protocol (HTTP or HTTPS...

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

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

If your application has forms to edit string fields, you probably want to strip the entered values (remove whitespace from...

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

Give your iframe a name attribute (i.e. ) and then simply use When I press "Foo" in the iframe "myframe"