When using send_file (for example for attachments of any kind), make sure your application knows the correct mime types...
Rails comes with a Rake task notes that shows code comments that start with "TODO", "FIXME", or "OPTIMIZE".
Fontawesome 4 ships with many useful CSS helper classes. Enlarge Icon Add fa-lg (133%), fa-2x, fa-3x, fa...
Fontawesome 4 has introduced new naming conventions that make it easy to retrieve variants of a given icon.
Starting from Rails 4.0, you can use a special form options helper called #collection_check_boxes. It behaves similar to...
When ending a Selenium test Capybara resets the browser state by closing the tab, clearing cookies, localStorage, etc.
Clever hack using data-attributes to assign labels to cells. It's still a massive duplication of code (labels), but...
If you want to rotate text, you can use CSS transforms in somewhat modern browsers to rotate the container element...
Here's a pretty useful steps that hasn't made it into Spreewald yet. It is best used with the...
Opinionated Angular style guide for teams by @john_papa Not everything in this guide works perfectly for us, but is...
You can hook into Slack when using Capistrano for deployment. The slackistrano gem does most of the heavy lifting for...
Often times you want to give a bunch of elements the same style, except for the last. For example borders...
Write a // and indent every subsequent line by two spaces. This is great for documenting BEM blocks! // An action button...
Webfonts are not always available when your JavaScript runs on first page load. Since fonts may affect element sizes, you...
When a CSS3 animation makes the animated element flicker, it may well be due to pixel fragments being handled differently...
Be careful when using buttons without a type attribute, since browsers will consider them the default submit button of a...
The debate between using mixins or extends in Sass has been heating up recently. From the surface it appears they...
To achieve this goal you have to setup the session store like the following example: MyApp::Application.config.session_store( :cookie_store...
jQuery doesn't store information about event listeners and data values with the element itself. This information is instead stored...
This guide shows how to create an AngularJS application that consumes more and more memory until, eventually, the browser process...
When you are using the #selector_for helper in Cucumber steps, as e.g. Spreewald does, the following snippet will save...
The easiest way to detect touch-capable browsers is to check for the presence of touch events. It is no...
TL;DR Block formatting contexts establish an isolating container. float and clear only apply to elements within such a container...
The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...