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/02/prettier-formatting.html
https://vanillawebdev.blogspot.com/2025/02/dialog-builder.html
https://vanillawebdev.blogspot.com/
https://vanillawebdev.blogspot.com/2025/02/starting-new-project.html
Starting A New Project
February 04, 2025
2025
February
04
10:10 AM
Starting a new web app project.
src/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>AppNotes</title>
<meta charset="UTF-8">
<!-- mobile meta tags-->
<meta name="viewport" content="width=device-width, interactive-widget=resizes-content" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- pwa manifest -->
<!-- <link rel="manifest" href="manifest.json" crossorigin="use-credentials"/> -->
<!-- # css -->
<!-- <link href="css/style.css" rel="stylesheet" /> -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" /> -->
</head>
<body>
<!-- # body -->
Example App
<!--# js, # script -->
<!-- <script src="index.js" type="module"></script> -->
<script>
// regiter service worker
// if (typeof (navigator) !== 'undefined' && 'serviceWorker' in navigator) {
// navigator.serviceWorker.register('/sw.js').catch(function (e) {
// console.error(e);
// });
// }
</script>
</body>
</html>
https://vanillawebdev.blogspot.com/search/label/%40lvc
@lvc
https://vanillawebdev.blogspot.com/2025/02/prettier-formatting.html
https://vanillawebdev.blogspot.com/2025/02/dialog-builder.html
https://vanillawebdev.blogspot.com/