[5/4]
It’s a post now:
https://adrianroselli.com/2026/02/honoring-mobile-os-text-size.html
712 words, but the images are huge (dimensions, not file size). I also captured fresh images (last night’s were an old version of my demo).
[4/4]
Anyway, I promised @eric and @codingchaos last night to share it but promptly fell asleep. The electrician will be here soon, so I’m doing this in my mobile and have to edit a couple typos in this thread.
Enjoy?
[5/4]
It’s a post now:
https://adrianroselli.com/2026/02/honoring-mobile-os-text-size.html
712 words, but the images are huge (dimensions, not file size). I also captured fresh images (last night’s were an old version of my demo).
Source: https://www.arthurperret.fr/veille/2026-02-04-pandoc-dans-le-navigateur.html (Pandoc dans le navigateur)
- https://github.com/jgm/pandoc/releases/tag/3.9 (2026-02-04, Starting with this release, pandoc can be compiled to WASM, making it
possible to use pandoc in the browser. A full-featured GUI interface is provided at https://pandoc.org/app)
Pandoc est désormais utilisable via une application web officielle.
Attention, cliquer sur le lien ci-dessus implique de charger 50 Mo de données : normal, puisque la page contient tout Pandoc !
On parle ici d’un fantastique convertisseur de fichiers, que j’utilise personnellement pour rédiger confortablement tout mon travail dans un format texte adapté à mes besoins d’écriture scientifique et ensuite exporter mes fichiers dans différents formats (HTML, PDF via LaTeX, ODT, docx, EPUB…).
Pandoc s’utilise normalement en ligne de commande, un environnement qui fait parfois peur aux néophytes (ce qui m’avait motivé à écrire un tutoriel sur la découverte du terminal).
Ici, on a une interface web, réalisée grâce au format WebAssembly, donc zéro installation requise, mais aussi des exemples pré-chargés, et la garantie que rien ne s’échappe vers un serveur puisque la conversion se passe en local.
Voilà qui pourrait faciliter la découverte de Pandoc, pourquoi pas conjointement avec un guide comme celui de Christophe Masutti (https://libruniv-c29483.frama.io/)
-->--
#documentation #pandoc #webassembly #html #pdf #latex #odt #wasm
Created a simple HTML example of a "chaotic CSS borders" https://chaotic-border-css.netlify.app/ #css #html
Source: https://www.arthurperret.fr/veille/2026-02-04-pandoc-dans-le-navigateur.html (Pandoc dans le navigateur)
- https://github.com/jgm/pandoc/releases/tag/3.9 (2026-02-04, Starting with this release, pandoc can be compiled to WASM, making it
possible to use pandoc in the browser. A full-featured GUI interface is provided at https://pandoc.org/app)
Pandoc est désormais utilisable via une application web officielle.
Attention, cliquer sur le lien ci-dessus implique de charger 50 Mo de données : normal, puisque la page contient tout Pandoc !
On parle ici d’un fantastique convertisseur de fichiers, que j’utilise personnellement pour rédiger confortablement tout mon travail dans un format texte adapté à mes besoins d’écriture scientifique et ensuite exporter mes fichiers dans différents formats (HTML, PDF via LaTeX, ODT, docx, EPUB…).
Pandoc s’utilise normalement en ligne de commande, un environnement qui fait parfois peur aux néophytes (ce qui m’avait motivé à écrire un tutoriel sur la découverte du terminal).
Ici, on a une interface web, réalisée grâce au format WebAssembly, donc zéro installation requise, mais aussi des exemples pré-chargés, et la garantie que rien ne s’échappe vers un serveur puisque la conversion se passe en local.
Voilà qui pourrait faciliter la découverte de Pandoc, pourquoi pas conjointement avec un guide comme celui de Christophe Masutti (https://libruniv-c29483.frama.io/)
-->--
#documentation #pandoc #webassembly #html #pdf #latex #odt #wasm
I don’t know what a media query is.
I am hardly an expert at this, however I did the free code camp responsive web design course during lockdown in 2020/21.
IIRC a media query is used to take the screen size and apply specifc attributes (such as font size) according to the size (in pixels) of the screen.
https://www.w3schools.com/css/css3_mediaqueries.asp
Clearly a desktop / laptop screen is a lot bigger than a tablet or mobile.
It should be possible to resize images, much easier with svg as they are meant to scale.
Hope this helps
#html
#css
#mediaquery
#webdesign
Hopefully someone can help with this.
#genuary2026, day 28:
No libraries, no canvas, only HTML elements.
A CSS-only elastic hover effect, because why not?
https://css-tip.com/elastic-hover/
A chrome-only experiment using shape(), sibling-index(), linear(), etc.
#genuary2026, day 28:
No libraries, no canvas, only HTML elements.
AI and alt text — with Ted Drake and Marco Salsiccia from 2025 Web Accessibility In Mind Conference
https://www.youtube.com/watch?v=x9J3LIgq8Q4
#ai #a11y #images #webcontent #html
Is that Tauri, running a Roda app locally as a desktop app without exposing it to TCP?
Almost! It's my experimental Ruby port of Tauri... Tokra!
Write desktop software in Ruby, with an HTML and CSS interface. You can use JS frameworks, too. Plus: it's Rack-compatible!
Rubygem: https://rubygems.org/gems/tokra
Code: https://git.sr.ht/~kerrick/tokra/tree/stable/item/examples/verify_ping_pong/app.rb
#ruby #rust #tauri #tokra #desktop #software #programming #gui #webdev #html #css #javascript #FreeSoftware #OpenSource #PreRelease #PreAlpha #SeriouslyNotFinished
Is that Tauri, running a Roda app locally as a desktop app without exposing it to TCP?
Almost! It's my experimental Ruby port of Tauri... Tokra!
Write desktop software in Ruby, with an HTML and CSS interface. You can use JS frameworks, too. Plus: it's Rack-compatible!
Rubygem: https://rubygems.org/gems/tokra
Code: https://git.sr.ht/~kerrick/tokra/tree/stable/item/examples/verify_ping_pong/app.rb
#ruby #rust #tauri #tokra #desktop #software #programming #gui #webdev #html #css #javascript #FreeSoftware #OpenSource #PreRelease #PreAlpha #SeriouslyNotFinished
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: https://paulmakeswebsites.com/writing/shadcn-radio-button/
(Inspired by this week's work frustrations lol)
I wish I knew about this when I was giving my #PocketPortal workshops: WobbleWeb / wwwobble, an open-source drag-and-drop visual site editor by @ojack.
You can also export the static site to host it on Codeberg or the host of your choice.
#wwwobble #WobbleWeb #CandideFindings #staticsitegenerator #staticwebsite #staticwebgenerator #staticweb #HTML #FOSS
I wish I knew about this when I was giving my #PocketPortal workshops: WobbleWeb / wwwobble, an open-source drag-and-drop visual site editor by @ojack.
You can also export the static site to host it on Codeberg or the host of your choice.
#wwwobble #WobbleWeb #CandideFindings #staticsitegenerator #staticwebsite #staticwebgenerator #staticweb #HTML #FOSS
#html
Une petite astuce rapide et crade mais fûtée pour utiliser un emoji (ou autre caractère Unicode) comme favicon dans vos pages web :
https://sebsauvage.net/links/?XCXRfw
#html
Une petite astuce rapide et crade mais fûtée pour utiliser un emoji (ou autre caractère Unicode) comme favicon dans vos pages web :
https://sebsauvage.net/links/?XCXRfw
People are debating the masonry layout, and I'm creating strange layouts.
A Pyramidal Grid of Hexagon Shapes! 👀
https://css-tip.com/pyramidal-grid/
A fully responsive implementation powered by modern CSS (corner-shape, sibling-index(), math functions, etc.) and no media queries.
