▒▓█ Webdev

GUESS WHAT? NODEJS 22 WAS HACKED TO RUN IN WINDOWS 7! HOW COOL IS THAT?

GUESS WHAT? NODEJS 22 WAS HACKED TO RUN IN WINDOWS 7! HOW COOL IS THAT?

I used to think that the 18.x version was [the last to run on Windows 7] . And now I am glad to tell you that enthusiast hackers from Russia made quite a neat and generous thing to backport NodeJS 22 to Windows 7 environment. Such occurrence was super useful since i was already running into some limitations with [NodeJS 18] and was thinking about moving my project to the Linux environment.
CHRONOLOGICAL TIMELINE ▀ MY FIRST SIGNIFICANT FRONTEND SNIPPET PROJECT

CHRONOLOGICAL TIMELINE ▀ MY FIRST SIGNIFICANT FRONTEND SNIPPET PROJECT

Adaptive timeline of chronological events. Written from scratch. Used software: [Windows 7 x64 ESU] , [VSCodium 1.93] , [Firefox 115.17 ESR] . Technology stack: plain HTML/CSS/JS. Main features: Lightweight: no frameworks used, pure code Adaptive design: desktop & mobile Smooth resizing & interactive animations Timeline slides can be changed using multiple inputs: GUI interactions [dots, arrow buttons, clicks] keyboard arrows [ ◄ / ► / ▲ / ] mouse wheel [ ▲ / ▼] touchscreen swipes [Github repo] ◄ source code located there [Live Demo] ◄ live demo of the project
THE PLACE OF MY WEB DEV EXPERIMENTS IS LOCATED HERE

THE PLACE OF MY WEB DEV EXPERIMENTS IS LOCATED HERE

In the last couple of years I dedicated most of my free time to self-learning the barebones of modern web technology, things like: HTML, CSS, JS, WEBPACK, PUG, various frameworks like Hugo and other web tech trickery. For those of you who are interested, here is my [Github page] . Who knows where the VScode will take me? I hope that these technologies will be a nice addition to my knowledge of raster & vector software, which I use as an [active microstocker] .
CUSTOM RETROWAVE 84 THEME FOR VS CODE

CUSTOM RETROWAVE 84 THEME FOR VS CODE

No posts about VS Code for so long time? This should be fixed. Today i’ll do a little note regarding visual looks of the editor. Honestly, I already have my personalized theme. But after seeing [Retrowave84’s skin] , I was so impressed with the overall aesthetics and correctly set glow and shadow effects, that I decided to stack it on my own theme, to get the best things from both of them.
43" INCH DELL U4323QE ▀ ALMOST TV SIZED MONITOR & MULTI TASKER's DELIGHT?

43" INCH DELL U4323QE ▀ ALMOST TV SIZED MONITOR & MULTI TASKER's DELIGHT?

Too large to be good in terms of ergo? I had the chance to try out the [Dell U4323QE] beast and here is my opinion on that device. I have been using neat [NEC PA301w] since early 2014 and have no regrets about it’s performance. But not long time ago i’ve noticed that screen space has become scarce for my needs and applications in 2024. Even after I added an old 19-inch NEC to the configuration, it still wasn’t enough to feel completely comfortable.
THE ULTIMATE FAQ ON KEEPING COMPUTER USERS HEALTHY ▀ REDUCING EYE STRAIN AND NECK PAIN

THE ULTIMATE FAQ ON KEEPING COMPUTER USERS HEALTHY ▀ REDUCING EYE STRAIN AND NECK PAIN

UPDATED ON: 2024-09-07 Internet is swarming with instructions on how to do this in a proper way, but all of them are incomplete and it looks like the authors don’t care much and don’t put enough effort into making them really shine, so i decided to fix that confusion and write my own, uber one. Computer user ergonomics is a really complex thing, so I split the FAQ into several sections for better readability and understanding.
ESSENTIAL SHORTCUTS IN FIGMA

ESSENTIAL SHORTCUTS IN FIGMA

Here a list of the most important hotkeys for Figma application. [CTRL] + [] ► hide figma gui [CTRL] + [/] ► spotlight for quick commands [CTRL] + [SHIFT] + [E] ► fast export [CTRL] + [D] ► duplicate mockup [V] ► move tool [F] ► create frame [T] ► text tool [CTRL] + [B] ► bold text [CTRL] + [I] ► italic text [CTRL] + [G] ► group text [CTRL] + [A] ► select all [CTRL] + [SHIFT] + [A] ► invert seelction [CTRL] + [C]/[V] ► copy/paste [CTRL] + [R] ► rename [CTRL] + [SHIFT] + [<]/[>] ► fast change font size Imagery by spacedrone808 @Adobe Imagery by spacedrone808 @Freepik
USEFUL PLUGINS FOR VSCODE

USEFUL PLUGINS FOR VSCODE

UPDATED ON: 2024-09-06 Here is a collection of plugins for VS Code, which can improve coding workflow dramatically. Currently i’m using [Codium] , it is an open-source fork of VS Code, that is why provided links are heading to [non-ms marketplace] . BENEFITS: performance optimized telemetry can be completely turned off no network connections to servers of evil corpo can be executed on Windows 7 machine [v1.87] FAVORITE PLUGINS:
HUGO ENGINE ▀ LAST VERSION TO SUPPORT WINDOWS 7

HUGO ENGINE ▀ LAST VERSION TO SUPPORT WINDOWS 7

It looks like [Hugo dropped] Windows 7 support. Version 0.121 was a last one to execute without any problems. All subsequent updates 0.121.1 or later throw following crash upon execution. To celebrate anniversary i’ve rebuilded site via latest available version. DOWNLOAD LAST HUGO FOR WINDOWS 7 Upcoming updates and site refactoring will be done manually, without Hugo framework. See you around! Imagery by spacedrone808 @Adobe Imagery by spacedrone808 @Freepik
HOW TO IMPROVE PERFORMANCE OF WEBSITE

HOW TO IMPROVE PERFORMANCE OF WEBSITE

UPDATED ON: 2023-11-04 Nothing complex here, at least at this time. Here i’ll accumulate performance related information. ░▒▓ LAZY LOADING OF IMAGES ▓▒░ Just implemented lazy loading at my main index page. Concept is pretty simple you are loading images only when they appearing in the viewport of the browser. All you need to do is just to apply loading=“lazy” to the classes of loaded images. <img loading="lazy" src="/img/demo./png" alt="Picture"> In my case it was like this:
SOLVING CREDENTIALS AND CERTIFICATE ISSUES WHILE UPLOADING TO GITHUB

SOLVING CREDENTIALS AND CERTIFICATE ISSUES WHILE UPLOADING TO GITHUB

For me things never work as they should. Github is not an exception. After my first try to submit things to repo i run into: ... Author identity unknown. *** Please tell me who you are. PROBLEM CAN BE SOLVED BY THESE COMMANDS: git config --global user.email "YOUR_EMAIL" git config --global user.name "YOUR_LOGIN" After that certificate issue occurred: ... self-signed certificate in certificate chain and another error right after the previous one:
VS CODE KEYBOARD HACKS WILL BE POSTED HERE

VS CODE KEYBOARD HACKS WILL BE POSTED HERE

UPDATED ON: 2024-04-05 All keyboard hacks and tweaks will be posted here. Stay tuned for more goodies! THE MAIN PURPOSE OF THIS LITTLE ACCUMULATION IS TO REMOVE MOUSE FROM CODING WORKFLOW. Remember to separate rules with comas. Like this: [ { "key": "alt+numpad_subtract", "command": "workbench.action.decreaseViewSize" }, { "key": "alt+numpad_add", "command": "workbench.action.increaseViewSize" }, { "key": "ctrl+shift+b", "command": "workbench.action.toggleActivityBarVisibility" } ] Last rule-set do not contain coma symbol in the end.
ESSENTIAL LINKS FOR FONTEND WEB DEVELOPER

ESSENTIAL LINKS FOR FONTEND WEB DEVELOPER

UPDATED ON: 2024-04-03 Page will be updated in the future, so check back later on Here are some handy online tools and various mandatory links for front end developer. This is a fine selection from me, which i accumulated during last month of web investigations. Hope that you will find in this list what you are looking for. If you have suggestions or any commentaries to following breakdown, [drop me a line] please.
ESSENTIAL VSCODE SHORTCUTS TO SPEED UP YOUR WORKFLOW DRAMATICALLY

ESSENTIAL VSCODE SHORTCUTS TO SPEED UP YOUR WORKFLOW DRAMATICALLY

UPDATED ON: 2024-04-05 Here is a small list of mandatory keystrokes, which significantly speed up working process! NOTE! ++[KEY] ► means that you must release previously pressed keys upon pressing it NAVIGATION [CTRL]+[SHIFT]+[N] ► new editor instance [CTRL]+[K]+[CTRL]+[O] ► open folder [CTRL]+[K]++[F] ► close folder [ALT]+[L]+[ALT]+[O] ► open in browser [CTRL]+[W] ► close current tab [CTRL]+[K]++[W] ► close all tabs [ALT]+[1]/[2]/[3] ► fast-switch to diffrenet tabs [CTRL]+[1]/[2] ► fast-switch between panels
HOW TO SET PROPER COLOR FOR CURSOR AND COMMENTS IN VSCODE EDITOR

HOW TO SET PROPER COLOR FOR CURSOR AND COMMENTS IN VSCODE EDITOR

UPDATED ON: 2023-12-02 The main reason i’ve decided to write this note is indistinct default color mappings and inability to solve issue simply using GUI of software. In main configuration file: settings.json add following lines: "workbench.colorCustomizations": { "editorCursor.foreground": "#ff0000", "terminalCursor.foreground": "#02ED3D", "editorLineNumber.activeForeground": "#ff0000", "editor.lineHighlightBackground": "#016119", "editor.lineHighlightBorder": "#02ED3D", "terminal.foreground": "#02ed3d" }, To set custom color for GREY comments drop in these lines: "editor.tokenColorCustomizations": { "conmments": "#ff006f" } To fast access configuration file press:
HOW TO RUN LATEST VS CODE IN WINDOWS 7 X64

HOW TO RUN LATEST VS CODE IN WINDOWS 7 X64

UPDATED ON: 2024-07-05 v1.81.1 is a more recent version, which can be executed without any efforts v1.89 is a hacked [FINAL version] for Windows 7 x64 So, Windows 7 users are pretty safe at this point despite artificial restrictions of big corps. Usually i’m not feeling so delightful regarding microsoft modern programs, but this one is pretty good. And of course they tried to artificially cripple it under “obsolete” Windows 7.
HOW TO RUN NODE.JS 18.18 LTS ON OBSOLETE WINDOWS 7

HOW TO RUN NODE.JS 18.18 LTS ON OBSOLETE WINDOWS 7

UPDATED ON: 2024-08-29 Node.js dropped Windows 7 “support” rigth after [version number 13] .What a load of sh#t. Today i’ll tell you how to overcome this nonsense and run latest LTS version [Node.JS 18.x] without any problems. More newer versions may work also. I’ll leave you some room for experiments. Recently i found excellent already [patched installer of NodeJS 18] First of all you need to download zipped version of software, not msi one.
INCREASE PRIVACY OF YOUR HUGO-BASED WEBSITE

INCREASE PRIVACY OF YOUR HUGO-BASED WEBSITE

I think that any sane person would like to break free from dependencies of big corps and … No-no-no, no political rant will happen here today, so stay cool. It’s just a small guide on how to make your Hugo-based site to load faster and do as little external queries as possible. Here is a classic situation when you load badly designed site. Output of [uMatrix] plugin just for better representation.
HOW CODEBERG COMMUNITY HELPED ME TO RESTORE MY REPO

HOW CODEBERG COMMUNITY HELPED ME TO RESTORE MY REPO

Today, I’ve accidentally deleted local .git index folder of my blog repository, because of this I was not able to submit new content. Tried to restore files by File Scavenger, but it was too late because I was in the middle of active file operations and .git folder was erased without any chance of returning it back to drive. I’ve tried to recreate index by means of: git init But Git-Bash-console threw me an error:
HOW TO OPEN LINKS IN A NEW TAB IN MAINROAD HUGO THEME

HOW TO OPEN LINKS IN A NEW TAB IN MAINROAD HUGO THEME

I bet that many of you would like to open site links not in the same window, but in a background tab. Such behavior is restricted by default settings of most Hugo themes. Mainroad is restricting it also. Here is a solution on how to overcome weird limitation. Create file render-link.html in _default folder of the theme. Name_of_your_site\themes\mainroad\layouts\_default\_markup\render-link.html Contents of render-link.html should be like this: <a href="{{ .Destination | safeURL }}"{{ with .

▀ BACK TO HOME PAGE ▀