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!
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
A print stylesheet is easy to create. Choose a font suited for paper, hide some elements, done. Unfortunately print stylesheets...
Nice list of icon sets that come in the form of fonts. I recommend Font Awesome.
If you encounter a Firefox that does not care about your font settings but always uses specific fonts, you can...
Internet Explorer until version 9 has some limitations when parsing CSS files Summarized, these are: Up to 31 CSS files...
By default, only application.js, application.css and all non-JS/CSS files are precompiled into public/assets. If you have asset manifests...
It might be one of the following: You are looking at a manifest file (like application.css) which is always empty...
No one wants to cry over regression issues in views; does testing HTML and CSS have to be such a...
Explanation of the "bootstrap 2" base CSS. Contains information about: Typography Code Tables Forms Buttons Icons
Write your app using HTML, CSS or JavaScript, upload it to the PhoneGap Build service and get back app-store...
For my Gem Session project Holly I ran the Ironman of drag'n'drop implementations: Dragging in nested lists
The $.cssHooks object provides a way to define functions for getting and setting particular CSS values. It can also be...
The step we used in the past (Then "foo" should not be visibile) doesn't reliably work in Selenium features...
The step definition below lets you write: When I click on "Foo" This is useful in Selenium features where the...
Makandra cards will auto-detect the language used for syntax highlighting. This auto-detection sometimes fails for short code snippets...
Consider this Sass: .comment width: 320px; height: 240px; Any textarea with the comment class will be sized 320 by 240...
Applications often show or hide elements based on viewport dimensions, or may have components that behave differently (like mobile vs...
CSS is a lot easier to write and read than clumsy XPath expressions. So when you need to use XPath...
Consider this HTML: Click me! Hello Universe! Hello Universe! Hello Universe! Hello Universe! Hello Universe! Hello Universe!
If you're suffering from a huge de.yml or similiar file, cry no more. Rails lets you freely organize your...
When using the asset pipeline your assets (images, javascripts, stylesheets, fonts) live in folders inside app: app/assets/fonts app/assets/images...