TL;DR: you can force opening a new Window over a new Tab, but not the other way around.
Background information: [Wayback/Archive] javascript – Open a URL in a new tab (and not a new window) – Stack Overflow.
Archive for the ‘Web Development’ Category
javascript – Open a URL in a new tab (and not a new window) – Stack Overflow
Posted by jpluimers on 2025/01/28
Posted in Chrome, Development, Firefox, JavaScript/ECMAScript, Opera, Power User, Safari, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Any YouTube ID is a YouTube ID which means you can use any shorts ID and music ID to watch as a YouTube URL (adding functionality shorts and music URLs lack)
Posted by jpluimers on 2025/01/24
YouTube has diversified its content separating out YouTube Shorts and YouTube Music.
The main YouTube viewing experience has a few advantages over the other two experiences:
- content can be monetised
- content can arranged into lists (including Watch Later)
- auto-play can be turned off
All below links have the same ID, but the ones with checkmarks can use all the above features whereas the ones with crosses cannot.
Share this:
Posted in Development, Google, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Development, YouTube, YouTubeMusic | Leave a Comment »
XKCD to ExplainXKCD Bookmarklet
Posted by jpluimers on 2025/01/21
Sometimes the XKCD episodes are hard to get, so I wanted a Bookmarklet to navigate to [Wayback/Archive] explain xkcd.
Here is the regular expression to change the domain name part if it matches: [Wayback/Archive] regex101: build, test, and debug regex: VI34VW with this generated sed code:
Share this:
Posted in *nix, *nix-tools, Bookmarklet, Development, JavaScript/ECMAScript, Power User, Scripting, sed, Software Development, Web Browsers, Web Development | Leave a Comment »
nginxinc/kic-reference-architectures: MARA: Modern Application Reference Architecture
Posted by jpluimers on 2025/01/16
Interesting: [Wayback/Archive] nginxinc/kic-reference-architectures: MARA: Modern Application Reference Architecture
Share this:
Posted in *nix, *nix-tools, Cloud Development, Development, nginx, Power User, Software Development, Systems Architecture, Web Development | Leave a Comment »
A truckload of links which I need for some Bookmarklets work
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 »
Share this:
Posted in Bookmarklet, Development, HTML, HTML5, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Hasan • Digital Writer on Twitter: “I made JavaScript Arrays Methods cheat sheet🔥 I hope it can helps you https://t.co/6KoWtagj13” / Twitter
Posted by jpluimers on 2024/12/19
[Wayback/Archive] Hasan • Digital Writer on Twitter: “I made JavaScript Arrays Methods cheat sheet🔥 I hope it can helps you”, a visual representation covering map, filter, find, findIndex, fill, copyWithin, some, every, reduce:
Share this:
Posted in Development, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »
Markdown has been the Internet’s lingua franca for documentation. Microsoft finally the documentation format with markitdown: Python tool for converting files and office documents to Markdown.
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:
- [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:
Share this:
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 »
Some links and notes as I want to write a Bookmarklets to help resize HTML images
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:
Share this:
Posted in Bookmarklet, CSS, Development, HTML, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
How To Scale and Crop Images with CSS object-fit | DigitalOcean
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
Share this:
Posted in CSS, Development, HTML, HTML5, Software Development, Web Development | Leave a Comment »
Why does HTML think “chucknorris” is a color?
Posted by jpluimers on 2024/12/09
From a long time ago:
- [Archive.is] Bill the Lizard on Twitter: “Why does HTML think “chucknorris” is a color?
stackoverflow.com/q/8318911/1288“ - [Wayback/Archive.is] browser – Why does HTML think “chucknorris” is a color? – Stack Overflow
–jeroen
Share this:
Posted in Color (software development), Development, Software Development, Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 