Tutorial for the HTML <output> tag, which can be used to store the result of a calculation from user input, and which can change during execution.

Several examples of how to build a good-looking table: alternating coloured rows, grids, scrollbar, header/footer, etc.

Pamphlet to say that HTML is really cool.
Nice collection of examples (colour picker, calendar, progress bar…)

Pamphlet saying that HTML is obsolete apart for small static websites.
Quite exaggerated but some visuals are beautiful. In case I need one of them one day.

Site by Aral Balkan explaining why nginx should contain a 307 (temporary redirection) instruction for pages that are not found.

That avoids that old pages give a broken link. Instead, we redirect to a new version of the site and help people find their way

Examples of what websites are still built in 2024, with tons of dependencies, piles of Javascript frameworks. As a consequence, every webpage is huge and slow, because of incompetence.

Encore en développement : feuille de style et classes CSS pour dessiner des partitions web-responsive.

Exploit en insérant une balise <div> incomplète dans le CSS d’un mail : on peut arriver à rendre une partie de texte invisible pour le récepteur, puis qui devient visible dès que le récepteur forwarde ou répond au message (car les logiciels comme Thunderbird, Outlook ou GMail ajoutent eux-même un <div>).
Ça donne potentiellement un moyen d’escroquer les gens ou de faire en sorte qu’ils laissent des écrits compromettants.
Bug trouvé en mars 2024, sera probablement colmaté rapidement.

A good list of things to think about

Liste d'exemples de mauvaises pratiques sur les sites web

Collection of icons

Quelques trucs (inverser les id="name" et "email" dans le code, bloquer HTTP/1.0, ajouter un # dans l’URL du send.php…) pour détecter facilement les formulaires remplis par des bots.

Bonnes pratiques W3C pour des sites accessibles.
Comment faire les liens, les images, les check boxes, les carousels, etc.
Avec du code HTML/CSS/Javascript à reprendre.

Ensemble de couleurs complémentaires

Rapport accablant montrant que la majorité des sites ne sont pas accessible à des aveugles, ou des gens sans souris, etc. avec exemple de ce qui dysfonctionne le plus (contraste, taille des polices, zoom, etc.).

Exemple de code pour intégrer un toot sous un article de blog. Ainsi, on peut afficher les commentaires sous l’article, et ça se base sur le Fediverse