You have some SVG files you want to use as icons on your website. How would you embed them?
In esbuild, you usually import other files using relative paths: import './some-related-module' import `../../utils/some-utility-module` import `../../../css/some-css.sass` This is totally fine...
tl;dr You should decouple migrations from models by embedding models into the migration. To use STI in this scenario...
As a developer you may have many tools watching your project for changes: Your IDE, Webpack, Guard, etc. This is...
The Diátaxis framework aims to solve the problem of structure in technical documentation. It adopts a systematic approach to understanding...
Jasmine specs for the frontend often need some DOM elements to work with. Because creating them is such a common...
Jasmine specs that work with DOM elements often leave elements in the DOM after they're done. This will leak...
Hide/Show Drawer You can press Escape to show/hide the drawer. Fast Navigation with Command Menu Use Ctrl + Shift + p to...
tl;dr In Chrome DevTools in the Layouts tab you have handy options to debug CSS Flexbox and Grid. Including...
While in CSS zero is usually referenced without specifying a unit (e.g. padding: 0), you must not use a unitless...
One-line takeaways Don’t override native browser (or OS) shortcuts. Support standard shortcuts that don’t contradict the previous...
Variable fonts are popular for two reasons: they expand design possibilities and improve website performance. While the former statement is...
If you're frequently switching between projects, you might be annoyed by RubyMines behavior of opening the last project on...
This can happen with a very simple model: class Note has_many :attachments end Everything looks normal: Note.all.to_a.size # => 8 Note.all.ids.size...
Large Rails projects tend to define multiple custom ways to format Dates or DateTimes. This often leads to duplicated format...
tl;dr The Chrome DevTools are a neat collection of tools for the daily work as a web developer. If...
sass >= 1.35.0 has the option quietDeps and silenceDeprecations to silence deprecation warnings from dependencies. quietDeps: No deprecation warnings for dependencies...
tl;dr In Chrome DevTools in the Sources tab you can activate Event Listener Breakpoints for debugging events. Example
tl;dr In Chrome DevTools in the Elements tab or in Firefox in the Inspector tab you can right click...
Git allows you to set push options when pushing a branch to the remote. You can use this to build...
tl;dr In the Elements tab in the Chrome DevTools you can right click on an element and select Store...
ActiveType::Object inherits from ActiveRecod::Base and is designed to behave like an ActiveRecord Object, just without the database...
If you're experiencing that your bundle install command fails with an error message like this, rubygems.org might...
Unpoly's [up-observe], [up-autosubmit] and [up-validate] as well as their programmatic variants up.observe() and up.autosubmit...