Rails supports alert and notice as default flash types. This allows you to use these keys as options in e.g...
I just finished migrating a project from the Asset Pipeline to Webpacker, this is what my diff to master looks...
In my experience, the most common sources of memory leaks are APIs like these: addEventListener. This is the most common...
TinyMCE is a WYSIWYG editor which is quite customizable. Add a custom button to the tinyMCE toolbar and tell tinyMCE...
When testing with Cucumber / Caypbara, iframes are ignored, so you can't interact with them. To interact with your iframe...
Ruby's String#split returns an array of substrings from the given string. Usually, this is missing the split characters...
Headless Chrome is a way to run the Chrome browser without a visible window. Configuring Capybara Configure the Capybara driver...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
Why improve your code reviews? Improving code review technique helps your reviewer, your team, and, most importantly: you.
This card is mainly an explanation how variable fonts work in CSS, not necessarily a recommendation to actually use them...
Git diffs show the surrounding contexts for diff hunks. It does so by applying regular expressions to find the beginning...
The linked article compares two approaches for writing CSS: A component library (like BEM) Utility classes (like Tailwind)
In Rubocop you might notice the cop Style/CaseEquality for e.g. this example: def foo(expected, actual) expected === actual end
Scroll and touch event listeners tend to be computationally expensive as they are triggered very often. Every time the event...
If you're experiencing problems with your Google Chrome installation after an update, it might help downgrading Chrome to check...
Google Chrome disables Notifications for insecure origins (i.e. those using HTTP). Only http://localhost is considered secure.
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...
When you use Sentry to monitor exceptions, an important feature is Sentry's error grouping mechanism. It will aggregate similar...
Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.
We structure our CSS using the BEM pattern. Our naming convention for blocks, elements and modifiers has evolved over the...
I experienced a lot of issues with google chrome that made it almost impossible to work with it. Here are...
CSP hat zum Ziel einen Browser-seitigen Mechanismus zu schaffen um einige Angriffe auf Webseiten zu verhindern, hauptsächlich XSS...
Nokogiri is great. It will even fix invalid HTML for you, like a browser would (e.g. move block elements out...
# Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and...