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:
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:
UPDATED ON: 2023-11-03
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.
UPDATED ON: 2023-11-04 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.
UPDATED ON: 2023-12-05
Here is a small list of mandatory keystrokes, which significantly speed up working process!
NAVIGATION
[CTRL]+[K]+[O] ► open folder [CTRL]+[-]/[+] ► zoom out/in [CTRL]+[ALT]+[RIGHT]/[LEFT] ► move tab to opposite panel and back [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 [CTRL]+[] ► split screen / two panels [CTRL]+[G]+[SYMBOLS] ► jump to appointed line [CTRL]+[B] ► left panel explorer [file/extensions] 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:
UPDATED ON: 2023-11-03 v1.81.1 is a FINAL version for Windows 7 x64 Also, there are Windows 7 forks of [current VS Code]
and current open-source version of VS Code: [VS Codium]
. 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.
UPDATED ON: 2023-11-27
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.8]
without any problems. More newer versions may work also. I’ll leave you some room for experiments.
First of all you need to download zipped version of software, not msi one.
node-v18.18.2-win-x64.7z or
node-v18.18.2-win-x64.zip Unpack archive in any folder on drive C.
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.
"Windows 7 is not supported by modern Python anymore" The latest official version is [v3.8.15]
. Despite above mentioned dummy statement [Adang1345]
restored justice and brought back support of Windows 7. Hacked Python installers for Windows 7 and Windows Server 2003 R2 can be downloaded: ► [HERE]
◄
Imagery by spacedrone808
Locate your style.css
NAME-OF-THE-PROJECT\themes\NAME-OF-THEME\assets\css\style.css Add following code to apply 30px indentation.
p {
text-indent: 30px;
} For no indentation:
p {
text-indent: 0px;
} or just remove the whole block of p code.
Imagery by spacedrone808
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:
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 .