Quick Start Labels
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
4
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
6
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
Featured Post
https://vanillawebdev.blogspot.com/2024/02/installable-web-app.html
Make Your Web App Installable
February 16, 2025How to make your web app installable.
true
https://vanillawebdev.blogspot.com/search/label/homepage
homepage
https://vanillawebdev.blogspot.com/search/label/project-setup
project-setup
Featured Post
Sidebar Labels
https://vanillawebdev.blogspot.com/search/label/app-component
App Component
1
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
4
https://vanillawebdev.blogspot.com/search/label/css-tips
CSS Tips
4
https://vanillawebdev.blogspot.com/search/label/data-server
Data Server
2
https://vanillawebdev.blogspot.com/search/label/layout
Layout
1
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/2025/01/widget-elements-css.html
https://vanillawebdev.blogspot.com/2025/01/css-dialog-form-skin.html
https://vanillawebdev.blogspot.com/
https://vanillawebdev.blogspot.com/2025/01/css-classname-in-js.html
CSS Class Name That's Mean to be Accessed in JavaScript
January 22, 2025
2025
January
22
05:40 PM
You may want to use underscore (_) prefix for class names which element is being referenced in JavaScript.
[in type="text" ._inputUsername]
<script>
let username = document.querySelector('._inputUsername');
console.log(username);
</script>Now you can tell at a glance that the class is being used somewhere in the JS files, and that it should not be renamed nor removed without checking the JS.
You can still use them for styling, of course.
https://www.blogger.com/comment/fullpage/post/8166404610182826392/4389579429597541694 true
https://vanillawebdev.blogspot.com/search/label/%40lvc
@lvc
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
https://vanillawebdev.blogspot.com/search/label/css-tips
CSS Tips
https://vanillawebdev.blogspot.com/2025/01/widget-elements-css.html
https://vanillawebdev.blogspot.com/2025/01/css-dialog-form-skin.html
https://vanillawebdev.blogspot.com/