Quick Start Labels
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
3
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
1
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
Reading List
https://www.codemzy.com/blog/how-to-name-webpack-chunk
How to name a webpack chunk (including split and common chunks)
Reading List
Sidebar Labels
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
3
https://vanillawebdev.blogspot.com/search/label/css-tips
CSS Tips
3
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
1
https://vanillawebdev.blogspot.com/2025/01/css-classname-in-js.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://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
https://vanillawebdev.blogspot.com/search/label/homepage
homepage
https://vanillawebdev.blogspot.com/2025/01/css-classname-in-js.html
https://vanillawebdev.blogspot.com/