UPDATED ON: 2025-11-25
Dangerous Dave in space is a small demonstration of JavaScript capabilities. Control Dave in wacky space riding green glowing blob by means of arrow keys. More stuff to come (why we have only 24h per day?).
▀ GFX NICETIES double backdrop, second one is moving and rotating with transparency random blinking and moving stars upon startup “raining” moving stars from top to bottom ▀ TODO PLANS scale Dave when he is going up/down to show perspective improve performance if it is possible make Dave draggable by mouse implement mobile version ▀ DONE STUFF add sounds to startup, actions and backdrop ambience make Dave leave trace while moving implement space bar fire make Dave to turn arround to the direction he is heading to random starting location of blinking stars, they also should change their formation upon blinking ▀ TECHNICAL DETAILS Ultra low-budget i3-3220 from 2013 runs it quite decently.
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 .
