Reading List
https://jackwhiting.co.uk/posts/lazy-loading-vanilla-js-with-webpack-laravel-mix
https://medium.com/free-code-camp/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
Libraries
https://github.com/verlok/vanilla-lazyload
Developer Resources
https://webpack.js.org/configuration/output/
https://web.dev/articles/preload-critical-assets
Featured Post
https://vanillawebdev.blogspot.com/2024/02/installable-web-app.html
February 16, 2025
How to make your web app installable.
true
https://vanillawebdev.blogspot.com/search/label/project-setup
project-setup
Featured Post
https://vanillawebdev.blogspot.com/2025/01/css-dialog-form-skin.html
https://vanillawebdev.blogspot.com/2024/11/css-styling-guide-on-skinning.html
https://vanillawebdev.blogspot.com/
https://vanillawebdev.blogspot.com/2024/11/console-log-snippet.html
Console Log Snippet
November 19, 2024
2024
November
19
11:44 PM
Well, console.log
is already short enough. In VS Code, you can simply type log
to expand it into console.log
.
Can we make it even faster, though? Sure, by typing asd
. Here's the VS Code snippet:
{
"Print to console": {
"prefix": "asd",
"body": [
"console.log($1)",
],
"description": "Log output to console"
}
}
I removed the extra newline, the quotes, and the semicolon. Typically, we log a variable rather than a string, and we naturally hit a new line before logging. As for the semicolon, it just feels neater with fewer characters on the screen, I guess.
Now, you can trigger the console.log
snippet without moving your hand much—assuming your hand is naturally placed on ASD, the typical gaming finger position.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/1741901274340748249
true
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
https://vanillawebdev.blogspot.com/2025/01/css-dialog-form-skin.html
https://vanillawebdev.blogspot.com/2024/11/css-styling-guide-on-skinning.html
https://vanillawebdev.blogspot.com/