Helpful Extra Snippets & Links
Our tutorials have been designed so at the end you will have your own basic webpage. But you may wish to take it further by deepdiving into sections or by adding more features.
This page contains helpful snippets, links and information to help you on your journey.
As we move forward releasing features from our roadmap the plan is this page will also grow with more content.
We have launched a CSS tips and extras page which covers making changes to the JWS stylesheet (style.css)
Git
Git is a free and Open Source distributed version control system for keeping track of changes to files. Using Git lets you always have a record of all adjustments, and return to specific versions when needed.
Git can have a remote repository which is stored on a server and a local repository which is stored in the computer of each developer. This means that the code is not just stored in a central server, but the full copy of the code is present in all the developers computers.
Hosting
Web hosting is an online service that makes your website's content accessible on the internet.
When you purchase a hosting plan, you are renting space on a physical server to store all the website's files and data that you deploy/publish.
You can then buy a friendly domain name to point to your website content make it easy for people to interactive with.
Hosting services may also include options like email service and database hosting.
GitHub
GitHub provides cloud storage for Git repositories but also offers full project management, collaboration and editing features.
It also now includes full feature tooling that enables working with your Git repository from within the browser.
Our current tutorials makes use of two online editing solutions firstly the github.dev web-editor which works in your browser and secondly we use GitHub Codespaces which provides us with more features as its running a virtual machine that we use in the browser.
There are two way in which to store code/files on GitHub which are
A Gist is a simple way to share code snippets with others. It is used when you need to share a sample piece of code or technique with your co-workers or friends.
A Repository on the other hand provides a platform to share an entire project as a repository among a team (private) or to the whole world (public).
github.dev web-based editor
To open in current tab
Press the . key the fullstop / period key, this opens up the github.dev web-based editor in your current browser tab.
To open in new tab
If you press Shift ↑ + > this will open the editor in a new tab.
Note: You need to be logged into GitHub.com to use this.
On GitHub.com on the Repository page you can press Shift + ? to get a list of Keyboard shortcuts to complete tasks.
Reference & Helpful Links
HTML & CSS Refs
Working with Images
We built ImgFunction all about using images in websites
- ImgFunction.uk
- ImgFunction working with images
- ImgFunction.uk Examples
- Compress Image Online
- Squoosh
- Svgomg
- Dev Utilities By Jam.dev
- squish.addy.ie By Addy Osmani GitHub
- Edit images within github.dev by installing the VS Code extension Luna Paint Image Editor by Daniel Imms which supports png, jpg, webp, bmp, tga and ico formats.
GitHub
Hosting
Hosting that can be deployed from a Git repository
Visual Studio Code
The editor in github.dev web-editor and GitHub Codespace is VS Code.
VS Code can also be used at vscode.dev or it can be installed on your machine.
Git & Online services
What would you like to learn more about?
Let us know on a GitHub Issue or by our Contact form
Page Last Edited: