Tout ce dont vous pourriez avoir besoin est HTML

2 mars 2023

Tout ce dont vous pourriez avoir besoin est HTML

Les lecteurs demandent parfois quel générateur HTML statique est utilisé par fabiensanglard.net, et s’ils peuvent utiliser la même feuille de style/polices pour créer leur propre blog. Je renvoie généralement les 134 lignes entières de gen.php^[1] et invitez-les à copier tout ce dont ils ont besoin pour commencer^[2].

J’ajoute également un conseil, quelque peu non sollicité. Les écrivains qui débutent n’ont peut-être pas besoin de tout cela. Tout ce dont vous pourriez avoir besoin est HTML.

Le strict minimum

Pack de démarrage que je recommande.

1. Un hébergeur pour votre index.html des dossiers ➔ Plan Hostgator de 33 $ / an.
2. Un DNS pointant vers l’hôte ➔ Hostgator pour un supplément de 12,95 $/an.
3. Editeur pour écrire index.html des dossiers ➔ Texte sublime^[3] sur toutes les plateformes.
4. Outil pour télécharger le index.html à l’hôte ➔ Cybercanard^[4] sur Win/Mac et sshfs sur Linux.

Pourquoi vous n’avez peut-être pas besoin de CSS

Les peluches n’ont pas vraiment d’importance. Plusieurs articles de mon panthéon utilisent la police par défaut Times New Roman et hyperliens bleus.

Vérifier nothings.orgest la beauté. Il a tout ce dont il a besoin^[5]. Un auteur, une date et un contenu génial pour quelqu’un qui s’intéresse à la 3D en temps réel.

Un autre exemple est la mise en page de Paul Graham tout droit sortie de 1998 site Internet ce qui ne l’empêche pas d’être un auteur très apprécié.

Les problèmes résolus par css

Si vous pouvez vous en tenir au même style assez longtemps et écrire des articles assez longtemps, votre feuille de style peut devenir votre marque. Mais surtout les CSS font appel à notre vanité et à notre ego.

Pourquoi vous n’avez peut-être pas besoin d’un générateur de site Web

En commençant par un générateur basé sur le balisage, vous vous privez de l’opportunité d’apprendre la technologie de base qui gère l’ensemble d’Internet. Au lieu de cela, vous apprendrez à utiliser une couche construite dessus avec peu ou pas de connaissances réutilisables. Inévitablement, vous voudrez faire quelque chose que le cadre n’a pas prévu et vous proposerez quand même des moyens compliqués de le faire.

De plus, selon la durée pendant laquelle vous écrivez et la fréquence à laquelle vous le faites, la mise en place d’un générateur peut être contre-productive.^[6].

Les problèmes qu’un générateur résout

Les pages de ce site Web étaient autrefois créées en HTML pur. Maintenant un script, gen.phpse tourne src.php fichiers dans index.html des dossiers. Il y a trois raisons à cela.

1. J’aime utiliser des dessins et des captures d’écran, mais img les balises déclenchent la redistribution de la mise en page. Le script PHP génère img balises comprenant le width et height de la src. En intégrant ces valeurs dans le balisage, le moteur de mise en page du navigateur peut réserver de l’espace pour une image avant qu’elle ne soit téléchargée.
2. Je préfère les notes de bas de page aux hyperliens en ligne car ils évitent le marqueur de soulignement. Ceux-ci peuvent être effectués côté client avec Javascript mais je préfère le faire une fois côté serveur.
3. Les articles peuvent être pris en sandwich avec l’en-tête/le pied de page automatiquement, ce qui permet de régler tous les articles à la fois. C’est de loin le plus attrayant une fois que vous avez beaucoup de contenu.

Si # 3 est tout ce dont vous avez besoin, vous feriez peut-être mieux d’utiliser un script bash sandwich récursif tournant src.html dans index.html.

Il y avait une quatrième raison. Pour économiser de la bande passante, img ont été présentés dans le cadre d’un picture tag afin que les navigateurs qui le prennent en charge puissent utiliser webp tandis que d’autres retombaient png. Conversion Webp automatique et picture génération ne sont plus nécessaires^[7] depuis l’ajout de Safari webp prise en charge fin 2020.

Pourquoi vous n’avez peut-être pas besoin de polices personnalisées

Les polices personnalisées sont un gaspillage de bande passante et une gêne visuelle car elles sont accompagnées de l’un des trois maux appelés latence, FOUT et FOIT^[8]. Si vous n’avez pas besoin d’espacement fixe, optez pour une police sécurisée pour le Web^[9]. Verdana est un excellent choix. Il a l’air fantastique et est livré sur tous les principaux systèmes d’exploitation afin que votre site Web ait le même aspect sur toutes les plateformes.

Les problèmes que la police personnalisée résout

Si vous souhaitez utiliser le monospace, une police personnalisée peut être utile. La seule safefont monospace, Courier New, n’est pas lisible. À l’origine, ce site Web font-family simplement demandé monospace. Cette approche a entraîné une expérience de lecture variable selon le système d’exploitation. Les navigateurs Windows ont Consolasles utilisateurs de Linux ont DejaVu Sans Monoet les utilisateurs de macOS ont Courier. Utilisation d’une coutume DejaVU rend l’expérience de lecture cohérente (au prix à peine tolérable du FOUT).

Les problèmes que tout le reste crée

Plus vous ajoutez de technologie à votre pile, plus les travaux de maintenance seront nécessaires pour la maintenir opérationnelle. Reconnaître les mangeurs de cycle aide à ne pas gaspiller la motivation en frais généraux.

• Évitez les CMS. Des choses comme WordPress doivent être constamment mises à jour pour corriger les vulnérabilités^[10].
• Évitez tout ce qui nécessite une base de données. Il est ennuyeux de sauvegarder et pénible de migrer. Ce site était autrefois hébergé par asmallorange. Quand je suis devenu insatisfait, il ne me restait plus qu’à ouvrir un compte sur hostgatortéléchargez mon html fichiers et modifiez l’entrée DNS.
• Évitez les systèmes de commentaires. Ceux personnalisés seront spammés. Disqus-like aura besoin d’une maintenance clé et pourrait être suggéré pour des changements de terme.
• Évitez les dépendances externes. Des choses comme les moteurs analytiques peuvent 404, 503 ou devenir lentes.

Les références