Webdev on Hugo Testbed Theme

ESSENTIAL SHORTCUTS IN FIGMA

Tue, 12 Mar 2024 00:00:00 +0000

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

HOW TO IMPROVE PERFORMANCE OF WEBSITE

Sat, 04 Nov 2023 00:00:00 +0000

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:

ESSENTIAL VSCODE SHORTCUTS TO SPEED UP YOUR WORKFLOW DRAMATICALLY

Mon, 28 Aug 2023 00:00:00 +0000

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

Wed, 28 Jun 2023 00:00:00 +0000

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

Sat, 24 Jun 2023 00:00:00 +0000

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

Wed, 14 Jun 2023 00:00:00 +0000

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.

HOW TO MAKE TEXT INDENT IN HUGO FRAMEWORK VIA CSS

Mon, 11 Apr 2022 00:00:00 +0000

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 @Adobe Imagery by spacedrone808 @Freepik

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

Sun, 12 Sep 2021 00:00:00 +0000

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 .

HOW TO ENABLE HTML CODE IN MARKDOWN FILES

Mon, 23 Aug 2021 00:00:00 +0000

Trick is very simple, if you know where to dig. Just find config.toml file of your Hugo theme and add following section.