-
Installing Node.js 18+ on CentOS 7: Fix glibc Compatibility Issue
Recently I had to install node 18 on an old CentOS 7 machine. Upgrading was not possible. Considering node 18 is relatively old, I didn’t expect any issues. Turns out, node 18+ is not officially supported in CentOS 7. CentOS 7 doesn’t have the necessary glibc library version for me to install newer node versions. If you try to install node 18 you get the following error: https://unofficial-builds.nodejs.org/ provides binary versions of Node that don’t require compilation. We can use this to get new versions that are compatible with older glibc versions.
-
Reduce image assets size on MacOS
Every now and then I need to work on a front end project that has large amount of image assets. In this article I’ll give you my go to list with MacOS apps I use to reduce the file size and speed up loading times.
-
Zen Browser: An Open-Source Alternative to Arc
I’ve been a Firefox user for a long time (since version 1.5). I still use Firefox every day. Last year I tried Arc for couple of weeks. What I liked about Arc is its approach to browser design. Spaces really help you separate your work streams, and the nature of vertical tabs helps with many tabs when doing research. If I was a Chrome user this is probably the browser I would’ve picked. However, Arc is not without its issues: I haven’t really seen a browser that makes browsing as easy. That is until I stumbled on Zen browser. And…
-
Setting Up Claude MCP with npx on MacOS Using nvm
One issue I hit with Claude Desktop app was getting MCP integrations working locally with npx. I tried the examples from the documentation: No matter which MCP server I tried I was getting the same error again and again. It seems that Claude Desktop searches for npx in /usr/local/bin/ or the default location for node on MacOS. Since nvm works by exporting the NVM directory in your shell, this mechanism doesn’t work out of the box.
-
Working SCSS Sourcemaps with Angular 6
If you are an Angular developer, you’ve probably noticed that since Angular 2+ they break with almost every release. After wasting many hours in futile attempts to fix them and going through numerous report on Angular GitHub page I finally got to a setup that works. Fixing dependencies (vendor) sourcemaps Open angular.json and find targets->build->configurations Add a new configuration after production. Name it serve. “configurations”: { “production”: { … } “serve”: { “extractCss”: true } Change serve task to use the new config by changing targets->serve->options “options”: { “browserTarget”: “PROJECT_NAME:build:serve” Open package.json and update start scripts “scripts: { … “start”:…
-
Better Looking Mac Terminal
Mac Terminal comes with several color schemes but non catches the eye like SMYCK. The pastel colors it comes with are easy on the eye and you’ll appreciate the theme the more you use it. Download the theme ZIP archive. Install it by running Smyck.terminal Open Terminal → Preferences from any Terminal window Select Profiles tab and scroll to Smyck theme at the bottom. Click on Default at the bottom. Close and reopen all terminal windows.
-
Replacing Command Prompt with Git Bash
Windows built in Command Prompt is ugly and dated. It also lacks proper Git integration. Git for Windows comes with a configured Git Bash you can use instead. Combine that with Mintty and you now have a full featured themeable terminal rivaling the built in Mac OS Terminal. In the Git for Windows installer choose Use MinTTY when asked to configure the default emulator. This will allow you to apply a custom theme. In addition: Mintty has much better support for non-english characters (UTF-8) Git branch name in the terminal prompt after teh current path Mintty is based on PuTTY…
-
Adding predefined actions to Firefox 57 address bar
One of the first things I’ve noticed in Firefox 57 was the Pocket button in the address bar and the additional actions in the menu on the right. Then, while using Pocket I right clicked and selected Remove from Address Bar. Good, this removed Pocket from there but, ugh, how do I return it back? And what about placing other buttons will I use often like the new Take a Screenshot action? Turns out there isn’t a way to configure the predefined actions through the UI or at least I didn’t find it. Good news is that since this is…
-
Vuejs Live Templates for Webstorm
IntelliJ IDEA (Webstorm) comes with many live templates but it has none for Vuejs 2. I’ve created a few simple templates to use for my projects. All the templates assume you’re using a transplier for ECMAScript 2015. Vue components template is setup for usage with SASS but you can easily modify it and use Stylus instead. You can find the templates at idea-vue-templates.
-
Select 2 with Bootstrap 4
Twitter have changed variables names in Bootstrap 4 so the original SASS files that come with Select 2 bootstrap theme won’t work. Until there is a BS 4 compatible theme for Select 2 you can use the variables overrides below for your project.