There is no CSS selector for matching elements that contains a given string ¹. Luckily, Capybara offers the :text option to...
SVG is an acronym for "scalable vector graphics". SVGs should be used whenever an image can be described with vector...
Icomoon.io offers a free app to build custom icon webfonts. It offers downloads as webfont set (.eot, .ttf, .woff, .woff2...
ClockPicker is a JavaScript and Bootstrap implementation of an Android-style time picker which looks and feels great. Unfortunately, it...
If you need to modify (e.g. add 2px) a Sass variable that defines multiple values as one (e.g. for short...
The linked article shows what current browsers do when you click a link like this: 1-562-867-5309
When building a web application, one is tempted to claim it "done" too early. Make sure you check this list...
...The and tags both come with some non-default behavior that you know from other tags.
So you want to use object-fit, but you also need to support Internet Explorer. One option is to use...
All new browsers support the new object-fit CSS property. It allows to specify how an element behaves within its...
to create a Gallery that has a name and has_many :images, which in turn have a...
Sometimes you want to preload images that you will be using later. E.g. if hovering over a an area changes...
Spreewald gives you the within meta step that will constrain page inspection to a given scope. Unfortunately, this does not...
ActiveRecord offers an explain method similar to using EXPLAIN SQL statements on the database. However, this approach will explain all...
This card existed before, but was outdated due to browser implementation changes. The information below is validated for the current...
Imagine you have a list you want to render inline on large screens, but stacked on small screens. high
There are a million ways to center s or text in CSS, horizontally or vertically. All the ways are unsatisfying...
Note The maintenance mode is enabled on all application server as soon as the file /public/system/maintenance.html is present. Installation
A list of surprisingly clever CSS expressions for common use cases.
Until recently, you could open a new tab via window.open when using execute_script in Selenium tests. It no longer...
CSS4 comes with :has. E.g. h1:has(b) would select all tags that contain a tag. This is implemented in...
Spreewald 1.4.0 comes with this step: When I click on the element ".sidebar" We recommend to define a selector_for...
Spreewald 1.3.0 comes with these steps: Then I should see an element ".panel" Then I should not see an element...
Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same...