Icon fonts like Font Awesome are infinitely scalable, look great on high-DPI displays and will give your app a...
Why is this useful? You can have a background image on the same element, overlaying it with a transparent gradient...
Richard Powell presents a collection of CSS styling advice that's mainly taken from SMACSS. Although at makandra we're...
There is no reason to leave trailing whitespace characters in your project's files, so don't add any.
to_file has been removed in Paperclip 3.0.1. Instead of using File to access Paperclip storage objects (like this: File.read...
simple_format ignores Rails' XSS protection. Even when called with an unsafe string, HTML characters will not be escaped or...
Given you store files on Amazon S3 and you need to stream those files out to people while you don...
This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background...
Trick: Do not use convert but mogrify: mogrify -resize 50% * This overwrites the original image file. In contrast, convert writes...
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
We frequently use the handy Paperclip Gem to manage file attachments. If you need to move the files from local...
If a customer calls and tells you that she cannot see some content of her website beware of the following...
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...
If you encounter a Firefox that does not care about your font settings but always uses specific fonts, you can...
Look Ma, no images!
No one wants to cry over regression issues in views; does testing HTML and CSS have to be such a...
LibreOffice Impress, Writer, etc. doesn't embed most fonts into the PDFs it generates. This means if you share a...
Generated animations are free to use without backlink obligations... ... WITH THE EXCEPTION of any other animated images generator applications
When using the asset pipeline your assets (images, javascripts, stylesheets, fonts) live in folders inside app: app/assets/fonts app/assets/images...
Geoffrey Grosenbach has created Gruff for easily plotting graphs. It is written in pure Ruby and integrates with Rails applications...
Consider the following HTML & CSS: ^ img { background-color: red; } div { border: 1px solid black; } This will leave a margin of...
You might have notices this behavior when you cut a selection or use the rubber tool. The behavior depends on...
Localizing a non-trivial application can be a huge undertaking. This card will give you an overview over the many...