To attach files to your records, you will need a new database column representing the filename of the file...
When your Rails application server raises error, Capybara will fail your test when it clears the session after the last...
Browsers blocks abusable JavaScript API calls until the user has interacted with the document. Examples would be opening new tab...
capybara-lockstep can help you with flaky end-to-end tests: This Ruby gem synchronizes Capybara commands with client-side...
json is part of the standard library of Ruby and deals with JSON, obviously. As you know, JSON is the...
When you repeat a subpattern with a *, + or {...} operator, you may choose between greedy, lazy and possessive modes. Switching modes...
Rails 6 includes a WYSIWYG editor, Action Text. It works out of the box quite well, but chances are that...
Rails supports alert and notice as default flash types. This allows you to use these keys as options in e.g...
TinyMCE is a WYSIWYG editor which is quite customizable. Add a custom button to the tinyMCE toolbar and tell tinyMCE...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
Scroll and touch event listeners tend to be computationally expensive as they are triggered very often. Every time the event...
When logging in Rails, you can use the log_tags configuration option to add extra information to each line, like...
If you migrate a Rails application from Sprockets to Webpack(er), you can either transpile your CoffeeScript files to JavaScript...
CSP hat zum Ziel einen Browser-seitigen Mechanismus zu schaffen um einige Angriffe auf Webseiten zu verhindern, hauptsächlich XSS...
Here is an ES5 object literal with two string properties and a function property: let user = { firstName: 'Max', lastName: 'Muster...
# Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and...
Let's say you want to merge the properties of two JavaScript objects: let a = { foo: 1, bar: 2 }
If you render markdown from user input, an attacker might be able to use this to inject javascript code into...
When an event listener on a DOM element throws an error, that error will be silenced and not interrupt your...
Speaker today is Henning Koch, Head of Development at makandra. This talk will be in German with English slides.
To make CSS rules dependent on the screen size, we use media queries: @media (max-width: 500px) { // rules for screen...
The linked GitHub repository is a bit like our "dev" cards deck, but groomed from a single person (Josh Branchaud...
Test-Driven Development (TDD) in its most dogmatic form (red-green-refactor in micro-iterations) can be tedious. It does...
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...