simple-to-do
github-page-pwa
simple-to-do | github-page-pwa | |
---|---|---|
5 | 1 | |
25 | 213 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | 5 months ago | |
CSS | JavaScript | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
simple-to-do
-
Running a dedicated local server for a VS Code debugging session using tasks
If you want to see this in action, you can fork the simple to-do demo and run it locally. Make sure to have http-server installed via NPM.
-
A launch.json to turn VS code into a full web development IDE
This turns Visual Studio Code into an environment that gives me everything I need to build a web product without ever leaving it. If you want to try it out, you can use my bare bones vanilla JS ToDo app as an example, which already has the correct launch.json.
-
Turning a GitHub page into a Progressive Web App
As a reminder, you can host HTML, CSS and JavaScript files on GitHub as pages. For example, I have bare bones To Do app at https://github.com/codepo8/simple-to-do with an index.html document.
-
[Video] Learn how to debug web projects end-to-end in VS Code in 5 minutes
I open a project inside VS Code by opening its folder. The demo used is a simple, plain Vanilla JS/CSS/HTML ToDo app you can download/fork on GitHub.
-
Debugging JavaScript, DOM, CSS and accessing the browser console without leaving Visual Studio Code
If you want to see this in action, you can download/fork the demo to-do app I used in the screencasts.
github-page-pwa
-
Turning a GitHub page into a Progressive Web App
I just released my dice simulator and in doing so learned about a few things about turning a GitHub Page into a PWA. To make this easier for subsequent projects, I put together a bare-bones template to turn any GitHub page into a PWA. Nothing in there is sophisticated and all it does is provide installability and caching of files offline.
What are some alternatives?
vscode-edge-devtools - A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
snapdrop - A Progressive Web App for local file sharing
reversi - Multiplayer Reversi Game on Internet Computer
lighthouse - Automated auditing, performance metrics, and best practices for the web.
http-server - a simple zero-configuration command-line http server
onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
quasar-framework - Quasar Framework - Build high-performance VueJS user interfaces in record time [Moved to: https://github.com/quasarframework/quasar]