Right side flyout with project information triggered upon mouse hover has been added. Also i brought some improvements to the 8-bit mode: mobile phones are affected by the switch too. Some various aesthetic fixes here and there.
So, enjoy the page, Cool!
UPDATED ON: 2026-05-15
I have implemented special mode for low spec computers. Now, there is an 8-bit lo-fi switch in the header targeted to improve speed on potato puters. Mode disables all visual niceties in favor of better performance.
Breakdown of what is disabled on the website:
all animations all transitions all box-shadows various filters custom scrollbar audio effects right info flyout Hotkey: [CTRL]+[SHIFT]+[8]
Now switch is visible and affects mobile devices.
I have a correct mood to make a couple of new decoration elements for the website. Two different neon glowing buttons: first one is activated on desktop upon hovering mouse cursor [neon glowing RGB edge] second one is accessible on the cell phone [rotating conic gradient] Media queries will detect resolution and show appropriate button for you. To observe the second button switch to mobile view.
TEST BUTTON: HOVER ON GENTLY DESKTOP BUTTON @property --angle {
syntax: '<angle>';
initial-value: 0deg;
transition: all 0.
Handmade retro-inspired unfolding list, code will be integrated to the website template for later reuse. Feature: hidden text in the unfolded menu is protected from being selected and copied. Not vibe-coded sh#t, mobile compatible, but who really cares?
Unfold 1
Text 1
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia aperiam
repellendus, ipsum dolor sit amet consectetur, adipisicing elit. Mollitia aperiam
repellendus. Demo list text for demonstration stuff
Another one must fall on the life arena
You can't stop us, raf-raf-
Unzip me gently for some reason
Unfold 2
Text 2
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
UPDATED ON: 2026-02-21 [Добавлен русский отзыв]
Ok, it’s been a while since i’ve dropped F bombs at you. So, i am happy to announce that this is an F-bombs day. Let’s get to it.
And yeah, before we begin: to be honest, I’m not keen on writing denunciations, but life has pushed me into doing so. This guide is crafted to ensure that others avoid falling into similar pitfalls in the future.
UPDATED ON: 2025-11-28
Dangerous Dave is a small demonstration of JavaScript capabilities. Control Dangerous Dave in wacky space riding green glowing blob by means of:
[▲] [▼] [◄] [►] arrow keys for movement [Spacebar] for laser shot [F8] to turn on/off orbiting planets [Enter] to become as cool as Duke Nukem ▀ FEATURES no heavy frameworks and dependencies, just pure JavaScript compact size, less than 500Kb including graphics and audio tiny core only 35Kb!
This is a solution for Webpack-based project which use PUG markup instead of conventional HTML. To save setting we are using LocalStorage and Cookies.
MARKUP
li
.option-wrapper
input#customCursorToggle(type="checkbox", name="customCursorToggle")
span.label-text On/off custom cursor support CSS/SCSS
Take a note that you have to tune styles by yourself to match your project requirements. Moreover, CSS styles for toggler are not included!
html.normal-cursor,
html.normal-cursor * {
cursor: auto !important;
}
html.normal-cursor a,
html.
The reason i’ve published this blip note because one reader reported me that after my recent [decoration upgrade]
i totally f#cked up cameraphone benchmark comparison pages, where my preloader script interfered with existing functionality making images not rendered on these pages at all.
I also removed .crt class on cameraphone comparison pages to get rid of CRT monitor emulation since it is obviously not needed there. People should be able to pixel-peep without any distractions like scanlines.
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]
.
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.
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:
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.
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.
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 .
