As a web developer, you know Google Analytics (GA). Probably you've dropped the GA snippet into more than one...
An annoying part of using font icons is that the icons usually need to live in the DOM. This is...
While working on a Rails application, your code base will grow a collection of different file types including: Ruby (business...
As the web is being used for more and more tasks, expectations rise. Not only should web pages offer rich...
Localizing a non-trivial application can be a huge undertaking. This card will give you an overview over the many...
Get an idea of the varying support for HTML/CSS/JavaScript features in different browsers like Chrome, Firefox, Internet Explorer, Edge...
Webpacker is Rails' way of integrating Webpack, and version 4 has been released just a few days ago, allowing us...
This card is mainly an explanation how variable fonts work in CSS, not necessarily a recommendation to actually use them...
min-width is known as a CSS property that can be set to define a least width for an element...
tl;dr In Chrome DevTools in the Layouts tab you have handy options to debug CSS Flexbox and Grid. Including...
Rails is our web framework. Goals Be able to write a simple Rails application. Understand how Rails talks to the...
When your code does not behave as expected, you can use a debugger statement ("breakpoint") at any point in your...
Imagine you have 2 HTML boxes. The first one has a margin-bottom of let's say 30px and the...
to create a Gallery that has a name and has_many :images, which in turn have a...
Why is this useful? You can have a background image on the same element, overlaying it with a transparent gradient...
Since late 2015, all major browsers (still excluding Firefox) support pointing device media queries. These can be used to distinguish...
When building a web application, one is tempted to claim it "done" too early. Make sure you check this list...
Our applications not only need to be functional, they need to be fast. But, to quote Donald Knuth, premature optimization...
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
Most forms have a single submit button that will save the record when pressed. Sometimes a form needs additional submit...
TL;DR: Grid elements have min-width: auto in a 1fr column, which may lead to overflows. With minmax(0...
Note This card does not reflect the current state of lazy loading technologies. The native lazy attribute could be used...
sass >= 1.35.0 has the option quietDeps and silenceDeprecations to silence deprecation warnings from dependencies. quietDeps: No deprecation warnings for dependencies...
Let's say we have posts with an attribute title that is mandatory. Our example feature request is to tag...