So you have a heading that is just barely wider than the container it should fit into, and it wraps...

We have a long-standing checklist for merge requests. However, it hardly matches the intricate requirements for design. This checklist...

Web forms can be made much more usable with a few HTML attributes. Short summary: type: Tells browsers about the...

Let's say we have posts with an attribute title that is mandatory. Our example feature request is to tag...

Rails Active Support provides some helpful methods for calculating times and dates, like Duration#ago or Duration#from...

HTTP header values must only contain low-ASCII (7-bit) characters for safe transport. From RFC 7230: Historically, HTTP has...

vertical-align is hard. Have you ever wanted to vertically center an icon with text? This usually means "vertically align...

I recently enjoyed debugging a Cucumber step that tried to be retryable using a patiently block: Then /^"([^"]*)" should( not)? be...

You have some SVG files you want to use as icons on your website. How would you embed them?

Jasmine specs for the frontend often need some DOM elements to work with. Because creating them is such a common...

Jasmine specs that work with DOM elements often leave elements in the DOM after they're done. This will leak...

tl;dr In Chrome DevTools in the Elements tab or in Firefox in the Inspector tab you can right click...

tl;dr In RubyMine you can use find and replace with capture groups (.*?) and backreferences $1 (if you have several...

When your Rails application offers downloading a bunch of files as ZIP archive, you basically have two options:

The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the...

Testing file download links in an end-to-end test can be painful, especially with Selenium. The attached download_helpers.rb provides...

I recently had the problem that embedded code boxes crashed my layout. It turned out that pres break out of...

Due to the way we setup Jasmine tests in our projects, you may run into various errors when Jasmine boots...

Sometimes you will need an input field which wraps content and grows in height as soon as content gets longer...

Table Of Contents Flexbox wrapping Spacing Long content Prevent an image from being stretched or compressed Lock scroll chaining

TL;DR When using Cache-Control on a Rails application, make sure the Vary: Accept header is set.

Since GitLab 10.3. you can use Mermaid in GitLab comments: Gitlab Doc. With Mermaid you can create diagrams based on...

Jasmine is a great way to unit test your JavaScript components without writing an expensive end-to-end test for...

A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...