When deploying a Rails application that is using Webpacker and Capistrano, there are a few configuration tweaks that optimize the...
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for...
IRB 1.2 (shipped with Ruby 2.7, but works on 2.5+) brings pretty syntax highlighting and multiline cursor navigation. However, pasting...
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)
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...
Learn how to create offline applications with service workers. The amazing power of service workers Writing your first service worker...
Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.
You can do this per environment, e.g. in config/webpack/test.js: const environment = require('./environment') const config = environment.toWebpackConfig() config.devtool = 'none' module.exports = config
If you have a Ruby Pathname, you can use the method :/ to append filepaths to it. With this method, Ruby...
We structure our CSS using the BEM pattern. Our naming convention for blocks, elements and modifiers has evolved over the...
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...
"Open-source software (OSS) is great. Anyone can use virtually any open-source code in their projects." Well, it depends...
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
Select2 comes with AJAX support built in, using jQuery's AJAX methods. ... For remote data sources only, Select2 does not...
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.
To make CSS rules dependent on the screen size, we use media queries: @media (max-width: 500px) { // rules for screen...
Simplecov is a code coverage tool. This helps you to find out which parts of your application are not tested...