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...
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...
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...
Give your iframe a name attribute (i.e. ) and then simply use When I press "Foo" in the iframe "myframe"
CSS transitions make your responsive websites smoother and more professional. It's easy and already there. Use it!
Ever wanted autocompletion for paths from paths.rb in Cucumber? This card lets you write your steps like this:
StaticMatic is a nice tool to build simple static websites. In case you want to have some nifty styles on...
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
Stuff like this is now possible in Webkit browsers, Firefox and IE10.
Now works with radio buttons.
pjax loads HTML from your server into the current page without a full reload. It's ajax with real permalinks...
If (for some reason that you don't want to ask yourself) you need to know all classes that define...
If you get errors from your development WEBrick that contain unicode salad, you are probably requesting the page via SSL...
A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...
There are many fun Unicode characters like ▲ or ☯. You might be tempted to use them for graphical elements in lieu...
Nice list of icon sets that come in the form of fonts. I recommend Font Awesome.
sudo apt-get install gnome-session-fallback or (alias) sudo apt-get install gnome-panel from a terminal.