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...
RubyMine has a HTTP Client that can be useful to test web APIs. Just create a .http scratch file an...
Select2 is a fantastic library for advanced dropdown boxes, but it depends on jQuery. Alternatives Tom Select
When an event listener on a DOM element throws an error, that error will be silenced and not interrupt your...
CSS selectors are a very simple tool to select elements from a Nokogiri document. However, the colon in the XML...
Speaker today is Henning Koch, Head of Development at makandra. This talk will be in German with English slides.
tl;dr Don't forget require 'English' if you use a named global such as $LAST_MATCH_INFO. Otherwise this...
To make CSS rules dependent on the screen size, we use media queries: @media (max-width: 500px) { // rules for screen...
When you have many changes, and you want to spread them across different commits, here is a way to stage...
The linked GitHub repository is a bit like our "dev" cards deck, but groomed from a single person (Josh Branchaud...
Simplecov is a code coverage tool. This helps you to find out which parts of your application are not tested...
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...
Embedding videos on a website is very easy, add a tag to your source code and it just works...
By default, Devise redirects to a sign-in form when accessing a route that requires authentication. If for some reason...
Heads up: transparent is not a real color, but black with 0% opacity. In transparent gradients, this adds some gray...
If you need to test some HTML, e.g. an embed code, you can use RubyMine's "scratch files":
You can use the CSS property mask-image to define an "alpha channel" for an element. E.g. to let an...
Imagine you want to write a cucumber test for a user-to-user chat. To do this, you need the...