Posted by jpluimers on 2024/09/10
There are quite a lot of cool responses to b0rk asking this a while back: [Wayback/Archive] 🔎Julia Evans🔍 on Twitter: “does anyone know of a good demo (blog post / video) of how to use a Javascript debugger in a browser to investigate a bug? I’ve used debuggers in C but never Javascript”
Archived just in case I need to do more web development stuff.
Posted in Chrome, Development, Firefox, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2024/09/03
[Wayback/Archive] https://plus.google.com/+Chrome/posts/AgtEDd7ngEJ “Brush up on your knowledge of the elements with this Chrome Experiment, an interactive Periodic Table by Sarath Saleem: goo-gl/HJ9O31 #fridayfun”
This reminded me so much about the atom spin tables I wrote some Turbo Pascal code for in the late 1980s to help a university professor. Maybe one day, I will find that code back.
(note: I expanded the actual googl link because Google URL Shortener was killed in 2019 with links stopping to work in 2025, see [Wayback/Archive] Google Graveyard – Killed by Google)
The links:
A 3d visualization of periodic table. This 3d representation has a table view which shows initially and an atomic view.Built with: WebGL
--jeroen
Posted in Development, JavaScript/ECMAScript, Pascal, Scripting, Software Development, Turbo Pascal | Leave a Comment »
Posted by jpluimers on 2024/08/28
For my TODO list: [Wayback/Archive] twitter-to-bsky
Crosspost from Twitter/X to Bluesky and Mastodon
twitter-to-bsky – crosspost from Twitter/X to Bluesky and Mastodon directly in the web browser
twitter-to-bsky is a userscript written for Tampermonkey or Violentmonkey running in desktop web browsers (Chrome/Firefox/Edge).
Posted in BlueSky, Development, JavaScript/ECMAScript, Mastodon, Scripting, SocialMedia, Software Development, Twitter | Leave a Comment »
Posted by jpluimers on 2024/08/27
I put the proper Bookmarklet wrapper around the functions from Bookmarklet for Archive.is to navivate to the canonical link (because especially Firefox needs them):
An immediately invoked function that returns no value or an expression preceded by the
voidoperator will prevent the browser from attempting to parse the result of the evaluation as a snippet of HTML markup:javascript:(function(){ //Statements returning a non-undefined type, e.g. assignments })();
It means they now have become these:
javascript:(function(){location=document.querySelector('link[rel="canonical"]')?.href})();
javascript:(function(){prompt("Anchor",document.querySelector('link[rel="canonical"]')?.href)})();
--jeroen
Posted in archive.is / archive.today, Archiving, Bookmarklet, Chrome, Development, Firefox, Internet, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers | Leave a Comment »
Posted by jpluimers on 2024/08/08
Last year I posted about Some JavaScript bookmarklets for WordPress published pages centered around navigation and IDs.
It depended on HighlanderComments to exist in order for getting its .connectURL which contains the canonical blog post URL (i.e. from https://wiert.me it obtains https://wiert.wordpress.com).
Nowadays HighlanderComments does not always exist, but in that case <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wiert.wordpress.com/xmlrpc.php?rsd"> does exist.
Its’ href value can be obtained by querying document.querySelector('link[rel="EditURI"]').href and truncate it, so I made some conditional code that first tries the HighlanderComments and defers code obtaining it from the link element I mentioned above.
I also added proper Bookmarklet wrappers so the function results don’t leak to the console or Browser (Firefox really does not like Bookmarklets without this wrapper).
javascript:(function(){
//Statements returning a non-undefined type, e.g. assignments
})();
Firefox also dislikes pasting code into the development console.
Code:
Posted in Bookmarklet, Chrome, Development, Firefox, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers | Leave a Comment »
Posted by jpluimers on 2024/07/30
I love the new title-text for the 2018 “Clippy” picture at [Wayback/Archive] CrazyMyra: “After AI took his job as an online assistant, Mr Clippy was obliged to seek work in other sectors…” – beige.party
A metal toilet paper holder in a corner od a bathro,with an empty roll, that looks similar to a large paperclip
Posted in AI and ML; Artificial Intelligence & Machine Learning, Conference Topics, Conferences, Development, Event, Fun, History, JavaScript/ECMAScript, LifeHacker, LLM, Meme, Office, Power User, Scripting, Software Development, Web Development, Windows | Leave a Comment »
Posted by jpluimers on 2024/07/17
The feature reminds me on how archive.today saves content.
Both the zhot and tweetzhot repositories are on my list of tools to try. They might make writing blog posts easier.
They are both based on [Wayback/Archive] puppeteer/puppeteer: Headless Chrome Node.js API
…
Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium.…
It demonstrates headless browser usage and can for instance:
- Generate screenshots and PDFs of pages.
- Crawl a SPA (Single-Page Application) and generate pre-rendered content (i.e. “SSR” (Server-Side Rendering)).
- Automate form submission, UI testing, keyboard input, etc.
- Create an up-to-date, automated testing environment. Run your tests directly in the latest version of Chrome using the latest JavaScript and browser features.
- Capture a timeline trace of your site to help diagnose performance issues.
- Test Chrome Extensions.
Note any headless browser will have some trouble rendering single-page applications.
Repositories:
Posted in Chrome, Chrome, Development, Google, JavaScript/ECMAScript, Power User, Puppeteer, Scripting, Software Development, Web Browsers | Leave a Comment »
Posted by jpluimers on 2024/07/11
Quoting in full from [Wayback/Archive] Nelson’s Weblog: tech / zero-width-space to demonstrate a zero-width-space problem with WordPress too.
Posted in Bookmarklet, Classic editor, Development, Gutenberg editor, JavaScript/ECMAScript, Power User, Scripting, SocialMedia, Software Development, Twitter, Web Browsers, Web Development, WordPress | Leave a Comment »
Posted by jpluimers on 2024/07/10
[Wayback] Archive.is blog — What is the long version of the url please. …
Click on “share” button to see different forms of linking to a page.
For example
https://archive.vn/Aoans/share
So there are two tricks:
Posted in Bookmarklet, Development, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers | Leave a Comment »
Posted by jpluimers on 2024/07/02
When sharing YouTube videos via the mobile apps, they are shortened using the youtu.be domain.
So this is a reminder to write a Bookmarklet based URL-shortener myself for this and extend it so it also understands the various YouTube URL parameters (like start time).
The transformation is documented:
Posted in Bookmarklet, Conference Topics, Conferences, Development, Event, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 