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/03/css-background-image-issue-white-flash.html
March 05, 2025
2025
March
05
01:26 PM
There was this white flickering when I scrolled the page after switching back from another tab. It happened really fast that I needed to record the screen and check the video frame by frame.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/2993637956607339887
true
https://vanillawebdev.blogspot.com/search/label/Web%20Design
Web Design
https://vanillawebdev.blogspot.com/2025/03/localstorage-data-server.html
March 04, 2025
2025
March
04
09:50 AM
Plain JavaScript starter code to build localStorage data server. The data is automatically parsed from and converted back to JSON format upon saving.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/5698344969611113060
true
https://vanillawebdev.blogspot.com/search/label/data-server
Data Server
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
https://vanillawebdev.blogspot.com/2025/03/mapping-event-listeners.html
March 03, 2025
2025
March
04
07:03 AM
Plain JavaScript starter code to organize event listeners in an application screen, mapped using data-
HTML attribute.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/9115066802135203520
true
https://vanillawebdev.blogspot.com/search/label/app-component
App Component
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
https://vanillawebdev.blogspot.com/2025/02/view-state.html
March 03, 2025
2025
March
04
04:50 AM
A starter code to implement a multi-screen or views in your web app.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/9034960422446109742
true
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
https://vanillawebdev.blogspot.com/search/label/ui
UI
https://vanillawebdev.blogspot.com/2025/02/blog-post.html
February 18, 2025
2025
February
19
04:45 AM
A simple guide to deploy files to firebase hosting.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/6831968750035713455
true
https://vanillawebdev.blogspot.com/search/label/firebase
firebase
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
https://vanillawebdev.blogspot.com/2025/02/loading-script-files.html
February 18, 2025
2025
February
19
02:39 AM
A starter code to load JavaScript files in queue for a small JavaScript app.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/5248888771048347251
true
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
https://vanillawebdev.blogspot.com/2024/02/installable-web-app.html
February 16, 2025
2025
February
17
05:50 AM
How to make your web app installable.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/6246909595894311607
true
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
https://vanillawebdev.blogspot.com/2024/11/console-log-snippet.html
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:
https://www.blogger.com/comment/fullpage/post/8166404610182826392/1741901274340748249
true
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips