Welcome to the part 2 of the survival kit!
As for the previous guide, you will be able to find many useful tools which will accompany you in the creation of your web projects.
This time, we will focus on hosting, SEO, control tools and the file transfer part, and so on.
Always in partnership with Alternative RVB, we have decided to bring you a brand new two-part list for 2022, with some additions to best prepare you for the coming year.(see part 1).
Free hosting services
Warning free hosting is not always the best solution.
These are generally back-up accommodation, to allow you to host small websites, apps or to do some tests..
- netlify.com: Allows you to host your websites from GitHub for free.
- github page: Allows you to host your websites from GitHub for free.
- heroku.com: Allows you to host your websites / app for free.
- vercel.com: A particularly powerful host allowing you to host for free from git projects related to more specific languages and generally less compatible with the usual hosts, such as Hugo, NuxtJS, Ember, Svelte, Gatsby and so on.
- 000webhost.com: A Host with a free plan.
- planethoster.com: a Host with a free plan.
Local hosting of a website
- laragon: The best tool to host a website locally today. Easy and simple.
- Transfer SFTP - SSH files
- filezilla-project.org: FileZilla file transfer application using SFTP protocol
- winscp.net: Winscp file transfer application using SFTP protocol, is it better?
- Or directly in the browser with: cyberduck.io
- A Bash terminal or WSL Allows file transfer via SSH protocol
- Special characters and shortcuts
You can now do the key combination Win + ;
to insert emojis. (Thank you Windows for your awakening).
Otherwise, there is also:
- Check / verify your code
HTML
- validator.w3.org: Allows you to validate your website.#RespectTheOrder.
CSS
Compatibility
- caniuse.com: Allows you to know the compatibility of the latest web technologies for browsers.
- caniemail.com: Provides information on the compatibility of the latest web technologies for mail clients.
Divers
- lambdatest.com: Check your website on all browsers..
- drlinkcheck.com: Check the hyperlinks on your website.
- whynopadlock.com: Find out why your SSL certificate is not working or if you have multiple content redirects.
- Viewport and responsive
Small tools to help you with the responsive.
- mydevice.io: Allows you to measure the screen size.
- gs.statcounter.com: Lets you know which browser is used the most.
- Sitemap
- xml-sitemaps.com: Generates a sitemap of your website into xml format.
- Performance
Tap F12
on your browser and then go to the audit tab.
- PWA - Create your first Web Application
Here's a quick way to turn your energy-hungry website into a Progressive Web Application.
Step 1 : Generate all the “favicons” needed for a “cross-platform” application realfavicongenerator.net
Step 2 : Generate a “service worker” to manage your application in offline mode pwabuilder.com (Not tested)
- Copyrighting
A little help with Copyright.
- copyrightfrance.com (French)
- Open-source guide (French)