How to: Use Ace editor in a Webpack project
Ace editor adds syntax highlighting and auto-indenting for in-browser code editing, with a working brace setup for Ruby on Rails Webpacker and Webpack 2.
byebug / ruby-debug: Find out current debugger position
l= shows the current file and line in byebug or ruby-debug; where and backtrace print the debugger call stack.
SVGOMG allows optimizing SVGs with a live preview
SVG files often need manual size and markup cleanup when the build pipeline does not handle them. SVGOMG runs SVGO in the browser with live preview and easy export.
Rubymine FileType mismatch
RubyMine can misclassify a Ruby file as plain text after a filename without extension was created first, leaving syntax highlighting disabled.
Exception notifier: How to provide custom data to fail mails
Custom data can be attached to ExceptionNotifier fail mails from foreground or background jobs; overridden sections settings may hide it unless data is included.
How to: expand an element's cover area beyond its container
Make a section stretch past a centered container to the viewport edges without hacks like huge negative margins or clipping; ::before and ::after extend the clickable and colored area.
Katapult 0.5.0 released
Katapult 0.5.0 adds deployment support for Opscomplete, template copying to target apps, and improved Webpack-based deployment.
How to find a Google API project by project number
Inactive Google API projects can be hard to identify when notification emails mention only a project number. The Console search and dashboard hide that number, so locating the right project requires checking settings.
How to access before/after pseudo element styles with JavaScript
Pseudo-element styles are hard to inspect directly, but getComputedStyle can read ::before and ::after values for testing and color checks.
jQuery: How to remove classes from elements using a regular expression
Removing classes by exact name is easy; removing unknown classes by pattern needs class list filtering or a removeClass callback.
Fixing "identify: not authorized"
Ubuntu disables PDF processing in ImageMagick because Ghostscript has had security issues; re-enable it only when Ghostscript is current and maintained.
Disable the Java plugin in browsers to avoid drive-by attacks
Java browser plug-ins can enable drive-by attacks when sandbox escapes are exploited. Disabling Java in every browser reduces exposure even if Java remains installed.
MySQL: Do not use "WHERE id IN (SELECT ....)"
MySQL subquery filters in WHERE id IN (SELECT ...) can force repeated scans and hurt update performance; a JOIN or preloaded id list is faster.
Angular 1: Analyze how many watchers are registered on the page
Track the number of Angular 1.x watchers on a page while developing to spot performance issues early. Runs as a bookmarklet and logs the count to the browser console.
RubyMine: How to add a german spell checker
RubyMine 2024.3 includes Grazie Lite by default; German spell checking can be enabled in Natural Languages or added with Hunspell and a German dictionary.
How to: Run geordi in a single proccess with parallel test setup
Parallel test runs in Geordi can break terminal I/O during debugging; forcing one process or using vanilla cucumber avoids breakpoint issues.
Accessing Rails config in webpack(er)
Rails secrets and other configuration values can be read inside webpack bundles with rails-erb-loader, enabling environment-specific client-side settings without hardcoding them.
AngularJS 1 Performance: One-time bindings in expressions
One-time bindings with :: remove resolved AngularJS watchers and reduce digest overhead when values stay unchanged after rendering.
Git: Ignore whitespace when merging or cherry-picking
Indentation-only changes can cause noisy conflicts during merges or cherry-picks; -Xignore-space-change lets Git disregard whitespace differences.
all_blank_except for accepts_nested_attributes_for
Ignore selected hidden fields when rejecting nested records with accepts_nested_attributes_for, so blank child records are not discarded unexpectedly.
Minify Font Awesome fonts with webpack
Reduce Font Awesome icon font size by subsetting unused glyphs with fontmin-webpack, keeping low CPU usage and no JavaScript while avoiding oversized font downloads.
How to: Use different configurations for S3cmd
Managing multiple S3cmd configurations reduces the risk of sending uploads and deletions to the wrong Amazon S3 bucket. Use separate config files or a symlink to switch between environments.
Rbenv: How to remove a gem installed from a Github source
GitHub-sourced gems installed through Bundler can evade gem list and gem uninstall, leaving manual cleanup under ~/.rbenv as the only removal path.
RSpec: How to check if a string contains terms in a desired order
No built-in RSpec matcher checks whether a string contains terms in a specific order; a multiline regular expression is a common workaround, but readability and failures suffer.