Archive for the ‘CSS’ Category
Posted by jpluimers on 2025/12/11
Nog. niet gecontroleerd, maar wellicht werkt dit ook voor (fragmenten van) radiouitzendingen?
Uit een draad over het liedje “Met puntjes” van Joke Bruijs die een paar maanden terug enkele dagen na haar boezem vriend en ex-man Gerard Cox overleed¹.
Ionica Smeets schreef over het liedje op Mastodon², maar de link naar de audio van de podcast [Wayback/Archive] Andermans Veren – Beluister Andermans Veren zondag 14 januari 2018 | Podcasts | NPO Radio 5 verdween al snel.
Omdat ik al eerder een probleem had met de audio van [Wayback/Archive] Keihard de Beste – NPO Podcast te downloaden, dook ik in de CDN die de NPO gebruikt.
De archivers hadden er wat problemen mee dus het staat in 2 stukken:
- [Wayback/Archive] Jeroen Wiert Pluimers: “@ionica ik ga het je proberen uit te leggen. En dan kan jij het vast in veel simpeler bewoording weer terug uitleggen zodat anderen het ook begrijpen. …” – Mastodon
- …
- [Wayback/Archive] Jeroen Wiert Pluimers: “@ionica hopelijk heb ik je een beetje kunnen helpen met je opmerkingen in…” – Mastodon
- …
- ³
Er waren wat zijstapjes naar onder meer hoe je een goede vraag op het internet moet stellen, dus de draad werd lang (:
Hieronder de volledige tekst, aangevuld met wat gearchiveerde links. Maar eerst twee versies van het liedje “Met puntjes” van Joke Bruijs: opnamen van 1986 en 1988:
Read the rest of this entry »
Posted in Authentication, CDN (Content Delivery Network), Cloud, CSS, Development, Hashing, HMAC, HTML, Infrastructure, Power User, Security, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2025/12/09
Since a few years, YouTube puts annoyingly overlays on top of like the last 5 to 10 seconds of videos often covering valuable content.
Lately – while preparing for concerts – I have watched a lot of score music videos where the end really is very important to me (see the example below), for instance when rehearsing [Wayback/Archive] La Alhambra – Llano – YouTube until the final end.
The solution came from [Wayback/Archive] How do you disable these thumbnails that pop up near the end of videos!? : r/youtube
Read the rest of this entry »
Posted in Chrome, Chromium, CSS, Development, Edge, HTML, JavaScript/ECMAScript, Power User, Scripting, SocialMedia, Software Development, Web Development, WebAssembly, YouTube | Leave a Comment »
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/08/06
Sometimes I need [Wayback/Archive] Redirect Checker | Check your Statuscode 301 vs 302 on the command-line, so cURL to the rescue: [Wayback/Archive] linux – Get final URL after curl is redirected – Stack Overflow. The relevant portions of answers and comments further below.
TL;DR:
Since I prefer verbose command-line arguments (you can find them at the [Wayback/Archive] curl – How To Use on-line man page) especially in scripts this HTTP GET request is what works with Twitter:
% curl --location --silent --output /dev/null --write-out "%{url_effective}\n" https://twitter.com/anyuser/status/20
https://x.com/anyuser/status/20
This failed (twitter dislikes HTTP HEAD requests):
% curl --head --location --silent --output /dev/null --write-out "%{url_effective}\n" https://twitter.com/anyuser/status/20
https://twitter.com/anyuser/status/20
Notes
Given so many of my scripts now run on zsh, I added the new-line because of command line – Why does a cURL request return a percent sign (%) with every request in ZSH? – Stack Overflow. You can strip that bit.
Note that these do not perform client side redirects, so they do not return the ultimate originating URL https://x.com/jack/status/20 (which was the first ever Tweet on what was back then called twttr) as Twitter on the client-side overwrites window.location.href with the final URL. Similar behaviour for getting the Twitter user handle of a Twitter user ID, more on Twitter tricks below.
Tweet by TweetID trick via [Wayback/Archive] Accessing a tweet using only its ID (and without the Twitter API) – Bram.us.
Further reading (thanks [Wayback/Archive] vise, [Wayback/Archive] Daniel Stenberg, [Wayback/Archive] Ivan, [Wayback/Archive] AndrewF, [Wayback/Archive] Roger Campanera, and [Wayback/Archive] Dave Baird):
Read the rest of this entry »
Posted in *nix, *nix-tools, bash, Batch-Files, Bookmarklet, Communications Development, Conference Topics, Conferences, CSS, cURL, Development, Event, HTTP, Internet protocol suite, JavaScript/ECMAScript, Power User, Scripting, SocialMedia, Software Development, TCP, Twitter, Web Browsers, Web Development | Tagged: 76 | Leave a Comment »
Posted by jpluimers on 2025/07/24
Very cool web site that I only discovered last year, with the clever name: [Wayback/Archive] Wakamai Fondue, the tool that answers the question “what can my font do?”
Drop a font!
Fonts aren’t uploaded,
they stay on your computer
Back then I used it to investigate some properties of SMuFL (Standard Music Font Layout) fonts as sometimes editing a PDF is easier than manually entering/transcribing it in MuseScore.
Of course you can use local font tools, but this is far easier for occasional use.
The beta can do even more at the risk of bumping into bugs: [Wayback/Archive] Wakamai Fondue, the tool that answers the question “what can my font do?”
Note the colour matching of the text around the circle with the fondue background image.
Oh: it is open source too, written mainly in JavaScript, CSS and a tiny bits of HTML and Python, based on Vue.js and npm, and available as parts in the repositories of [Wayback/Archive] Wakamai Fondue · GitHub:
Read the rest of this entry »
Posted in CSS, Development, Font, HTML, JavaScript/ECMAScript, npm, Python, Scripting, Software Development, Vue.js, Web Development | Leave a Comment »
Posted by jpluimers on 2025/06/26
Need to look into this further: [Wayback/Archive] Robust Links – Make Your Link Robust.
Likely running it on my blog requires JavaScript to be enabled which means going from the premium to the small business plan (at te time of writing from USD 8 to USD 25 per month: a 200+% increase).
Let’s first start with an example:
Read the rest of this entry »
Posted in archive.is / archive.today, CSS, Development, Internet, InternetArchive, JavaScript/ECMAScript, link rot, Power User, Scripting, Software Development, WayBack machine | Leave a Comment »
Posted by jpluimers on 2025/06/11
For my link archive (as interactive stuff works way better for me than learning from plain reading) [Wayback/Archive] An Interactive Guide to Flexbox in CSS
Via:
–jeroen
Posted in CSS, Development, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2025/06/05
For a, I wanted to a HTML ul list the SQL keywords in multiple columns I was afraid this would be a tough CSS job, but in practice it was way easier than even explained in the below Stack Overflow answers that made me find
[Wayback/Archive] columns – CSS: Cascading Style Sheets | MDN
The columns [Wayback/Archive] CSS shorthand property sets the number of columns to use when drawing an element’s contents, as well as those columns’ widths.
TL;DR:
- I used
<ul style="columns:3">...</ul>
- For setting column width, this failed in Chrome
<ul style="column-count: 2; column-width: 15em;">...</ul>
but this worked: <ul style="column-count: 2; width: 480px;">...</ul>
Here are the answers:
Read the rest of this entry »
Posted in Conference Topics, Conferences, CSS, Development, Event, HTML, Software Development, Web Development | Leave a Comment »
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:
Read the rest of this entry »
Posted in accessibility (a11y), CSS, Development, HTML, Power User, Software Development, Unicode, URL Encoding, User Experience (ux), Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 