Raising JavaScript errors in Cucumber With selenium JavaScript errors do not cause any failure in your cucumber scenarios. To archive...
Promoted the CSS property hyphens: auto, as it is now supported in most Browsers. Noted that hypher uses patterns that...
Workaround: Utility classes to remove stacked margins It is very hard to write your CSS so that all components can...
Rails 6 includes a WYSIWYG editor, Action Text. It works out of the box quite well, but chances are that...
Imagine you have 2 HTML boxes. The first one has a margin-bottom of let's say 30px and the...
Localizing a non-trivial application can be a huge undertaking. This card will give you an overview over the many...
Rails supports alert and notice as default flash types. This allows you to use these keys as options in e.g...
When building an application that sends e-mails to users, you want to avoid those e-mails from being classified...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
...fonts work in CSS, not necessarily a recommendation to actually use them. What is a variable font? Designing and rendering fonts are two highly complex topics. For an arbitrary text...
As the web is being used for more and more tasks, expectations rise. Not only should web pages offer rich...
Note: Instead of building your e-mails manually as described below, you probably want to use a tool like MJML...
If you have content inside a page that is hidden by CSS, the following will work with Selenium, but not...
There is no CSS selector for matching elements that contains a given string ¹. Luckily, Capybara offers the :text option to...
The linked article compares two approaches for writing CSS: A component library (like BEM) Utility classes (like Tailwind)
calc() lets you mix CSS units. Ever wanted to give an element "the container's width minus 20px on each...
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...