Ruby Jard: Just Another Ruby Debugger
Ruby Jard provides a rich Terminal UI that visualizes everything your need, navigates your program with pleasure, stops at matter places only, reduces manual and mental efforts.
Git: Improve your commits by reviewing changes one-by-one
Git commits should be very deliberate, and only contain changes that you really want to be in there. In order to reduce the chance to accidentally commit something you didn't intend, review your changes before committing.
My preferred way of doing this is (only using git)
git add -N . # Add all paths, but not their contents
git add -p
Git will now show you all your changes in small chunks and ask you in an interactive mode whether you really want to add them.
The most helpful commands are
- y: yes (add the change)
- ...
How to make your application assets cachable in Rails
Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both, but the examples shown are for Sprockets.
Every page in your application uses many assets, such as images, javascripts and stylesheets. Without your intervention, the browser will request these assets again and again on every request. There is no magic in Rails that gives you automatic caching for assets. In fact, if you haven't been paying attention to this, your application is probabl...
Nested ActiveRecord transaction pitfalls
When working with custom transactions and use ActiveRecord::Rollback you may encounter unexpected behaviour if you try to roll back your changes.
tl;dr
Not all databases support nested transactions. Therefore, Rails will sometimes silently ignore a nested transaction and simply reuse the other transaction. However, a ActiveRecord::Rollback within the nested transaction will be caught by the block of the nested transaction. Therefore it will be ignored by the outer transaction, and not cause a roll back!
To avoid this unexpected ...
Workflow: How to use a key management service to encrypt passwords in the database
This is an extract from the linked article. It shows an approach on how to implement encrypted passwords with the AWS Key Management Service (KMS).
For most applications it's enough to use a hashed password with a salt (e.g. the gem devise defaults to this).
Upon password creation
-
Generate hash as hash of password + salt.
-
Encrypt the hash with a public key from KMS (you can store the public key in your server code).
-
In your database sto...
CSS variables aka CSS Custom Properties
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS custom properties are a reactive (i.e. live) part of the styles. Think of them like usual CSS properties that cascade, but have:
- a special syntax: CSS variables always start with a double-dash (
--color) - no inherent meaning: Defining a CSS variable will not change any styles in itself
- a special functionality: CSS variables can be used within the values of other properties, including CSS variables...
HTML5: disabled vs. readonly form fields
Form fields can be rendered as noneditable by setting the disabled or the readonly attribute. Be aware of the differences:
disabled fields
- don’t post to the server
- don’t get focus
- are skipped while tab navigation
- available for
button,fieldset,input,select,textarea,command,keygen,optgroup,option
Browser specific behavior:
- IE 11: text inputs that are descendants of a disabled fieldset appear disabled but the user can still interact with them
- Firefox: selecting text in a disabled text field is no...
Jasmine: Adding custom matchers
Definition
A matcher is a function that returns an object with a compare key. Usually it is registered with beforeEach:
beforeEach ->
jasmine.addMatchers
# Example matcher
toBeAnything: ->
compare: (actualValue, matcherArguments...) ->
# Do some computations here ...
# Return whether the actualValue matches the expectation
pass: true
Usage
expect(actualValue).toBeAnything(matcherArguments...)
When a matcher is invoked, Jasmine will call its compare() fu...
Service Worker series by GoMakeThings
Learn how to create offline applications with service workers.
- The amazing power of service workers
- Writing your first service worker with vanilla JS
- Saving recently viewed pages offline with service workers and vanilla JS
- Offline first with service workers and vanilla JS
- Improving web font performance with service workers
- How to set an expiration date for items in a service worker cache
- How to update a service worker
- How to trigger a service worker function from the front end with vanilla JS
- How to immediately ...