---

Web - HTML+CSS

HTML

• la balise <details> indique que le contenu peut être replié. https://developer.mozilla.org/fr/docs/Web/HTML/Element/details

• Menu de navig : https://blog.shevarezo.fr/post/2023/01/10/creer-arborescence-css-uniquement

• avoir des menus dynamiques sans js : https://www.mageialinux-online.org/mlo/

• You don’t need JavaScript for that : https://www.htmhell.dev/adventcalendar/2023/2/

• grid (et flexbox) : https://la-cascade.io/css-grid-layout-guide-complet/ + https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base (usage de l’unité fr)

• Tuto Flexbox : https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/

• Accessibilité : https://www.html5accessibility.com/

• MARX - Feuille de style sans classe : https://mblode.github.io/marx/documentation/

• fil d’astuces sans CSS/JS : https://nitter.net/denicmarko/status/1443890483453956097

• https://voussoir.net/writing/css_for_printing : Feuilles CSS pour l’impression

Hautes résolutions, police d’écriture petite

En gros, il s’agit de faire du “responsive”.

• https://developer.mozilla.org/en-US/docs/Web/CSS/resolution : ça aiderait ?
• https://stackoverflow.com/questions/11777598/font-size-relative-to-the-users-screen-resolution : solution classique
• https://css-tricks.com/viewport-sized-typography/ : unité vh selon le viewport : redimensionne la page si on redim la fenêtre

CSS Décos/Animes

• https://github.com/you-dont-need/You-Dont-Need-JavaScript
• https://cssfx.dev/ : quelques décos CSS (bof)
• https://generative-art-with-css.commons.host/ (intéressant)
• https://github.com/vinibiavatti1/TuiCss (mimer du ncruses en CSS)
• https://github.com/sw-yx/spark-joy/blob/master/README.md#fun-css-frameworks : Liste de CSS non-conventionnels
• https://owickstrom.github.io/the-monospace-web/ : mimer un style monospace

Inspirations / sites web

• https://etbe.coker.com.au/ : du wordpress bien templaté, les formulaires remplacent le menu mais ont besoin de js, surchargé mais des bouts inspirants
• https://tonsky.me/blog/needy-programs/, comme le mode lecture de FF, des plaisanteries sur le mode jour/nuit/chaud/froid
• https://benhoyt.com/writings/the-small-web-is-beautiful/ : ptet juste Georgia qui rend bien, mise en page / couleurs globalement réussies
• https://chriswere.uk/, gemini style

---

Web : Browsers, CMS, Grav, HTML+CSS, Hugo délire, Ikiwiki, paiement par le web, Pelican, PrivateBin, SPIP