Une introduction à la création de sites web et à HTML pour les néophytes.
Impressionnant ce portfolio 😳
Attention ça bouge beaucoup !
Quelques ressources intéressantes dans le cadre de l'utilisation d'un moteur de site statique (et pas forcément Lume).
Une liste des "slash pages" courrantes et communément admises. Il s'agit de pages que vous retrouverez fréquemment sur des sites perso, du genre /about ou /now.
J'ignorais que wget pouvait être utilisé pour télécharger récursivement toutes les pages d'un site. J'avais besoin de faire ça simplement pour extraire la documentation d'un vieux site dont je ne suis pas sûr qu'il soit toujours en ligne dans quelques années.
wget -r -p https://urldusite.comEt le tour est joué ! Bon j'ai juste eu un souci avec l'extension .html qui manquait pour la plupart des fichiers mais sinon ça fait le job.
Source: https://www.makeuseof.com/tag/how-do-i-download-an-entire-website-for-offline-reading/
Je m'intéresse de près à ce générateur de site statique. J'aime beaucoup sa simplicité à débuter et la foule de possibilités qu'il offre si on s'y penche un peu plus. Il permet par exemple de faire du SSR de composants JS.
Gridsome est un framework Jamstack qui utilise Vue.js comme base.
Si le terme Jamstack ne vous parle pas, dites vous qu'il s'agit d'un générateur de site.
Vous définissez comment vos données doivent être importées (manuellement ou avec des plugins). Elles peuvent venir de n'importe où (fichiers markdown, Wordpress, autre CMS (headless ou non), etc.). L'outil se débrouille pour organiser et mettre ces données à dispo et il vous construit ensuite un site totalement statique. Donc uniquement du HTML, JS, CSS. Vous pouvez héberger le résultat sur un CDN ou un bête Apache.
En terme de perfs et de sécurité, c'est imbattable. Il y a une toute petite courbe d’apprentissage mais j'ai joué avec le temps d'une aprem et je pense maintenant avoir une très bonne idée de l'outil. Je dois avouer que je suis bluffé. J'adore cette philosophie et je pense qu'on peut facilement construire des sites complexes avec cette méthode.
VuePress est devenu un super outil de génération de site de documentation et bien plus encore !
Une sorte d'application pour écrire le contenu de votre site avant de le générer sous forme statique et de l'héberger quelque part.
Un équivalent de Gatsby (qui utilise React) pour Vue.js.
ArchiveBox takes a list of website URLs you want to archive, and creates a local, static, browsable HTML clone of the content from those websites (it saves HTML, JS, media files, PDFs, images and more).
Une très bonne technique pour gérer plusieurs sites avec un unique CSS. Et apparemment c'est plutôt scalable.
Un outil qui permet de connaître la fiabilité de différents sites. Pas testé plus que ça c'est l'intention est louable.
Une liste de sites qui analysent votre site et vous aident à l'améliorer.
Un outil pour faire du test de performance sur un site web.
Un générateur de site statique basé sur Vue.js.
Ça a l'air simple et efficace. Et le projet vient tout juste de sortir donc des ajouts sont à prévoir dans les semaines à venir.
Un autre outil pour transformer un site en single-page application. A tester.
Checklist pour le lancement d'un site web.