Bienvenue sur la partie 2 du kit de survie !
Comme pour le guide précédent, vous pourrez trouver de nombreux outils utiles et qui vous accompagneront dans la création de vos projets web.
Cette fois, nous allons nous concentrer sur la partie hébergement, référencement, outils de contrôle et transfert de fichiers etc...
Toujours en partenariat avec Alternative RVB, nous avons décidé de vous proposer pour 2022, une toute nouvelle liste en deux parties, avec quelques ajouts pour vous préparer au mieux pour l'année à venir. (voir la partie 1).
- Hébergements gratuits
Attention un hébergement gratuit n'est pas toujours la meilleure solution.
Ce sont généralement des hébergements d'appoint, pour vous permettre d'héberger de petits sites, app ou pour faire des tests.
- netlify.com : Permet d'héberger vos sites à partir de GitHub gratuitement.
- github page : Permet d'héberger vos sites à partir de GitHub gratuitement.
- heroku.com : Permet d'héberger vos sites / app gratuitement.
- vercel.com : Un hébergeur particulièrement puissant permettant d'héberger gratuitement depuis git des projets liés à des langages plus particuliers et généralement moins compatibles avec les hébergeurs habituels, tels que Hugo, NuxtJS, Ember, Svelte, Gatsby etc...
- 000webhost.com : Un Hébergeur avec une formule gratuite.
- planethoster.com : (ou planète toaster pour les intimes) est un Hébergeur avec une formule gratuite.
Hébergement en local d'un site
- laragon : Le meilleur outil pour héberger un site en local actuellement. Facile et simple.
- Transférer des fichiers SFTP - SSH
- filezilla-project.org : FileZilla application de transfert de fichier utilisant le protocole SFTP
- winscp.net : Winscp application de transfert de fichier utilisant le protocole SFTP, est-il meilleur ?
- Ou encore directement dans le navigateur avec : cyberduck.io
- Un terminal Bash ou WSL Permet le transfert de fichier via le protocole SSH
- Tableau de caractères spéciaux et raccourcis
Vous pouvez maintenant faire la combinaison de touches Win + ; pour insérer des émojis. (Merci Windows pour ton éveil).
Sinon, il y a aussi :
- Contrôler / vérifier le code
HTML
- validator.w3.org : Permet de valider votre site. #RespectTheOrder.
CSS
Compatibilité
- caniuse.com : Permet de connaître la compatibilité des dernières technologies du web pour les navigateurs.
- caniemail.com : Permet de connaître la compatibilité des dernières technologies du web pour les clients mail.
Divers
- lambdatest.com : Contrôle ton site sur tous les navigateurs.
- drlinkcheck.com : Contrôle les hyperliens de ton site.
- whynopadlock.com : Permet de savoir pourquoi votre certificat SSL ne fonctionne pas ou si vous avez de multiples redirections de contenu.
- Viewport et responsive
De petits outils pour vous aider avec le responsive.
- mydevice.io : Permet de mesurer la taille de l'écran.
- gs.statcounter.com : Permet de savoir quel navigateur est le plus utilisé.
- Sitemap
- xml-sitemaps.com : Génère un sitemap de votre site au format xml.
- Performance
F12 sur votre navigateur puis allez dans l’onglet audit.
- PWA - Créer sa première Application Web
Voici une manière rapide de transformer son site énergivore en Application Web Progressive.
Etape 1 : Générez tous les “favicons” nécessaires pour une application “cross-plateforme” realfavicongenerator.net
Etape 2 : Générez un “agent de service” (service worker) pour gérer votre application en mode hors-ligne pwabuilder.com (Non testé)
- Copyrighting
Un peu d’aide pour le Copyrighting.
