As a developer you may have many tools watching your project for changes: Your IDE, Webpack, Guard, etc. This is...

diataxis.fr

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...

developer.chrome.com

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...

drafts.csswg.org

While in CSS zero is usually referenced without specifying a unit (e.g. padding: 0), you must not use a unitless...

sashika.medium.com

One-line takeaways Don’t override native browser (or OS) shortcuts. Support standard shortcuts that don’t contradict the previous...

makandra dev

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...

When writing a Sass function, you may run into an error message that may be confusing: @function rules may not...

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...

github.com

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...

tl;dr Since Rails 7+ you can use ComparisonValidator for validations like greater_than, less_than, etc. on dates, numerics...

makandra dev

tl;dr git checkout is the swiss army of git commands. If you prefer a semantically more meaningful command for...

Ncdu is a disk usage analyzer with an ncurses interface. It is designed to find space hogs on a remote...

You can use ETags to allow clients to use cached responses, if your application would send the same contents as...