Archive for the ‘HTML5’ Category
Posted by jpluimers on 2025/11/13
While doing some ASCII art blog-post drafts cleanup, I bumped into the (now deleted) [Wayback/Archive] Best 404 page ever? : r/ProgrammerHumor which pointed to the (also now deleted).
I got there via my (not deleted!) blog post Why I like PlantUML.
So I dug up the old archived copy of that PlantUML 404-page and made gist out of it.
I soon realised this was all encoded stuff, seemingly a mix of a ROT13 variation and some other shifting around.
Luckily the original page mentioned in the Reddit post was way easier, so I put that in a gist too.
Bot are below the blog-signature. Enjoy!
Oh, and the full text of course above the signature:
Read the rest of this entry »
Posted in ASCII, ASCII art / AsciiArt, CSS, Development, Encoding, Fun, HTML, HTML5, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2025/11/04
Posted in *nix, *nix-tools, Cloud, CSS, Development, Google, GoogleDocs, HTML, HTML5, Infrastructure, JavaScript/ECMAScript, Monitoring, Power User, Scripting, Software Development, TypeScript, Web Development | Leave a Comment »
Posted by jpluimers on 2025/07/10
Not being a front-end web-developer, I hadn’t seen¹ the figure element in HTML code before, so here are some links:
TL;DR – figure it is like a div element, but context specific: it groups elements that logically for one figure, including an optional description in the figcaption.
The group can be moved outside the main content flow without changing the meaning of that flow.
Query: [Wayback/Archive] what is a html figure for – Google Search
--jeroen
¹ I surely am not the only one, as the figure element isn’t even on the element usage graph in the [Wayback/Archive] HTML Study – AWR SEO Guide.
Posted in Development, HTML, HTML5, 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:
- PDF (.pdf)
- PowerPoint (.pptx)
- Word (.docx)
- Excel (.xlsx)
- Images (EXIF metadata, and OCR)
- Audio (EXIF metadata, and speech transcription)
- HTML (special handling of Wikipedia, etc.)
- Various other text-based formats (csv, json, xml, etc.)
Google was first though:
- [Wayback/Archive] Google Workspace Updates: Compose with Markdown in Google Docs on web
- [Wayback/Archive] Google Workspace Updates: Import and export Markdown in Google Docs
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:
Read the rest of this entry »
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/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
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):
Read the rest of this entry »
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).
Read the rest of this entry »
Posted in Development, HTML, HTML5, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/09/12
Posted in Bookmarklet, CSS, Development, HTML, HTML5, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2024/06/20
It is deprecated but still works and an easy way to quickly set the inner borders of an HTML table: use the rules attribute.
Read the rest of this entry »
Posted in Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 