Posted by jpluimers on 2025/03/05
I originally searched for the tables below to see if I could get the visualisations of TeX and LaTeX right for infinite loop in “LaTeX: A Document Preparation System” by Leslie Lamport, printed in 1994..
Didn’t work, neither did using plain html super and subscript. The only thing that worked was using CSS styles (I chose to embed them, as separate CSS files are a huge premium over the WordPress plan), which also preserves actual meaning for screen readers:
Posted in accessibility (a11y), CSS, Development, HTML, Power User, Software Development, Unicode, URL Encoding, User Experience (ux), Web Development | Leave a Comment »
Posted by jpluimers on 2025/02/18
It’s almost
Goal of the current post amend the above posts with information so I can later write a bookmarklet or web-page with JavaScript that – from a x.com or twitter.com – tweet URL can get the JSON, then the images and/or videos in all sizes, then generate a web-page from it for Wayback Machine archival.
Posted in Development, HTML, JavaScript/ECMAScript, Scripting, SocialMedia, Software Development, Twitter, Web Development | Tagged: 128, 32392, 7473, 7476, LaTeX | Leave a Comment »
Posted by jpluimers on 2025/01/29
I bumped into [Wayback/Archive] Bridgy Fed a while ago. The highlights:
@bsky.brid.gy@bsky.brid.gy.@example.com@web.brid.gy.@ap.brid.gy.example.com.web.brid.gy.Source is written in Python and HTML. It is available from [Wayback/Archive] GitHub – snarfed/bridgy-fed: 🌉 A bridge between decentralized social network protocols.
The blog post re-introducing it: [Wayback/Archive] Re-introducing Bridgy Fed | snarfed.org.
There is docs too: [Wayback/Archive] Bridgy Fed: docs
Bridgy Fed is a kind of a spin-off from the longer existing [Wayback/Archive] Bridgy which has documentation at [Wayback/Archive] About – Bridgy and source code at [Wayback/Archive] GitHub – snarfed/bridgy: 📣 Connects your web site to social media. Likes, retweets, mentions, cross-posting, and more….
Via [Wayback/Archive] Ionica Smeets (@ionica.mathstodon.xyz.ap.brid.gy) — Bluesky who’s primary social media presence is at [Wayback/Archive] Ionica Smeets (@ionica@mathstodon.xyz) – Mathstodon.
I created my [Wayback/Archive] wiert.me profile – Bridgy Fed which resulted in these two entities (that by the time you read this should have some updates):
--jeroen
Posted in Blogging, BlueSky, Development, Fediverse, HTML, Mastodon, Python, Scripting, SocialMedia, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/12/31
A while ago, browser tabs were overflowing again so I first mad the list of links with quotes below, then discovered there is a template for many browser tabs open at [Wayback/Archive] To many browser tabs open Meme Generator – Imgflip
One of the reasons is that the WordPress “Press This” bookmarklet is very slow and also flaky at escaping HTML (for instance the below html – Why shouldn’t &apos; be used to escape single quotes? – Stack Overflow sometimes becomes html – Why shouldn’t <code>'</code> be used to escape single quotes? – Stack Overflow in [Wayback/Archive] Press This – WordPress plugin | WordPress.org especially when running it from Archive Today archived pages).
So here we go: Read the rest of this entry »
Posted in Bookmarklet, Development, HTML, HTML5, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2024/12/17
Finally an easier way to convert Office documents (and other formats) to markdown: [Wayback/Archive] GitHub – microsoft/markitdown: Python tool for converting files and office documents to Markdown. (after Google added a Markdown export feature to Google Docs about half a year ago, and basic Markdown formatting about 2 years ago – see below):
There are quite a few dependencies in [Wayback/Archive] markitdown/pyproject.toml at main · microsoft/markitdown · GitHub, so be prepared for that.
Supported formats (added links for clarity):
The MarkItDown library is a utility tool for converting various files to Markdown (e.g., for indexing, text analysis, etc.)It presently supports:
Google was first though:
There is speculation on why Microsoft introduced it just now ranging from “they need it for AI training” to “just late to the game”. I’m with the latter. Apple is even later, so if you want to convert Apple Notes to markdown, then you can use [Wayback/Archive] Import from Apple Notes – Obsidian Help.
Via various sources, including:
Posted in CSV, Development, Excel, HTML, HTML5, JSON, Lightweight markup language, MarkDown, Office, PDF, Power Point, Power User, Software Development, Word, XML/XSD | Tagged: MarkDown, Python | Leave a Comment »
Posted by jpluimers on 2024/12/17
Probably not fully the direction I need to search to (main goal is to interactively edit img tag attributes (basic and style) to manipulate the appearance of pictures in my blog), but should do for now:
Posted in Bookmarklet, CSS, Development, HTML, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2024/12/11
[Wayback/Archive] How To Scale and Crop Images with CSS object-fit | DigitalOcean helped me to crop the picture in Florian Haas on Twitter: alias kubectl=”TZ=Etc/UTC kubectl”; You’re welcome.
The picture itself is 800 * 800 pixels (width * height), but the interesting bits are 400 * 200 around the center. Also it is a lot larger than I wanted.
So I embedded it using this HTML
<img class="alignnone size-full" style="width: 200px; height: 100px; object-fit: cover; object-position: 0 50%;" src="https://archive.ph/frSNu/0f0ebeeb5a4edf048577be89adb866344b303394.jpg" alt="" />
The width made it 25% the original size (because of [Wayback/Archive] object-fit value cover), and half the height so I had to move the [Wayback/Archive]object-position up 50%.
I found this via [Wayback/Archive] image inline css to crop top and bottom – Google Search.
That also found [Wayback/Archive] html – while display image crop Top and Bottom of image using css – Stack Overflow with an example at [Wayback/Archive] Edit fiddle – JSFiddle – Code Playground which is similar to the above solution.
--jeroen
Posted in CSS, Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/10/08
Apparently I was living under a stone since the 2015 introduction of [Wayback/Archive] Paste to Markdown:
Paste to Markdown
Instructions
- Find the text to convert to Markdown (e.g., in another browser tab)
- Copy it to the clipboard (
Ctrl+C, or⌘+Con Mac)- Paste it into this window (
Ctrl+V, or⌘+Von Mac)- The converted Markdown will appear!
The conversion is carried out by to-markdown, a Markdown converter written in JavaScript and running locally in the browser.
The “to-markdown” I did already know (see A few HTML to Markdown converters written in javascript, Python, Ruby, PHP and C#) but has been renamed from [Wayback/Archive] GitHub – domchristie/to-markdown: An HTML to Markdown converter written in JavaScript into then “turndown” repository below.
More links:
Posted in Development, HTML, JavaScript/ECMAScript, Lightweight markup language, MarkDown, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/10/08
When working on larger screens, I am always amazed at how little window estate most web sites actually use.
For sites that just try to look nice that is not so much or a problem, but for productivity sites it is.
The go-to solution for this is to manually modify the CSS. This can often be a pain because the CSS is either deeply nested or – even worse – uses semi-random HTML class attribute values.
This post is a reminder to myself to check if the below CSS modification in my Stylus library still works (gist link is at the bottom of this post):
Posted in CSS, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/10/01
A long time ago, I wrote about How to hide an entire drive from prying eyes on Windows 10 | Windows Central.
The easiest way is still to add/modify a NoDrives value in the Registry, but regrettably [WayBack] NT Drive Calculator – The ‘NoDrives’ Registry Key Value Calculator is down (it was a server-side solution, so the WayBack Machine link does display a page, but the calculator does not function).
My use case is that I have an existing NoDrives value that I want to update (as there have been one or more drive letters added/changed).
Posted in Development, HTML, HTML5, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 