David Walsh from Mozilla shows how to fire 'DOM changed' events from CSS. No need for JS to observe DOM...
You know that you can force absolute URLs throughout a response. Now you want to modify URLs similarly, but only...
navy 0.5.1+ gives empty navigation containers a CSS class .navy-empty which you can hide via .navy-navigation &.navy-empty...
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout...
I am talking about development speed. When your application starts growing and you start adding gems, it starts to take...
As the title says: this jQuery plugin creates bar charts from HTML tables. It comes in some different flavors.
The classical scenario: There's a parent div element and you want to center some arbitrary child element vertically inside...
Ever wanted to preview a pattern from Subtle Patterns on your site without the hassle of swapping out images and...
Icon fonts like Font Awesome are infinitely scalable, look great on high-DPI displays and will give your app a...
You can use scheme-less URLs (or protocol-relative URLs) to have browsers use the current protocol (HTTP or HTTPS...
Under certain (unknown) circumstances, Rails will give localized files an invalid content-type in the Response header. For me, after...
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...
Haml 3.1.2 displays single quotes in FormBuilder#text_ field html escaped. You may see something like that:
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...
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...
CSS transitions make your responsive websites smoother and more professional. It's easy and already there. Use it!
simple_format ignores Rails' XSS protection. Even when called with an unsafe string, HTML characters will not be escaped or...
Ever wanted autocompletion for paths from paths.rb in Cucumber? This card lets you write your steps like this:
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...