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 »
Posted by jpluimers on 2024/06/12
Sometimes normal html tables are better suited than the more style friendly div tables, as they better suit the underlying data and are easier when you need column or row spans using the colspan and rowspan html attributes, explain semantics better, and … display as tables even without styling!
Converting from div tables to normal html tables is not as straightforward than from normal html tables to div tables.
So here are some links that helped me with both div tables and the conversion:
in case someone needs to convert on the-fly:
var div2table = $('.outer-div ').map(function () { var issue = $(this); var trline = issue.find('.inner-div').map(function () { return '<td>' + $(this).text(); }).get().join('</td>'); return '<tr>' + trline; }).get().join('</tr>');
div2table = '<table>' + div2table + '</table>';where divs are
<div class='outer-div'><div class='inner-div'>this will be 1st TD</div>.....</div>
You could use JavaScript to create a
table, loop through all the.rowand.columnelements in thedivto popultate it, remove thedivand append thetable. Here’s something I threw together very quickly to get you started. (I commented out the line that removes thedivso you can see both in the results).
–jeroen
Posted in Development, HTML, JavaScript/ECMAScript, jQuery, Scripting, Software Development, Web Development | Leave a Comment »
Posted by jpluimers on 2024/04/30
Since I had only one read-only account and the Fierit ECD system won’t sent me update notifications on that account, I have collected some links before actually doing deeper investigation to see how to build a push notification system around it.
Link dump:
Posted in Bookmarklet, Chrome, Development, Google, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »
Posted by jpluimers on 2024/04/18
The final visualisation post of this week (themed Data Visualisation and Code Visualisation) is about [Wayback/Archive] Python Tutor – Visualize Python, Java, C, C++, JavaScript, TypeScript, and Ruby code execution.
Languages covered in these visualisers:
Earlier posts in the series:
–jeroen
Posted in C, C++, Development, Java, Java Platform, JavaScript/ECMAScript, Python, Ruby, Scripting, Software Development | Leave a Comment »
Posted by jpluimers on 2024/04/09
I wish my language skills were better: [Wayback/Archive] Duotrigordle
Guess all 32 Duotrigordle words in 37 tries!
Based on
- Hexadecordle by Alfie Rayner
- Octordle by Kenneth Crawford
- Quordle by @fireph
- Dordle by Guilherme S. Töws
- Wordle by Josh Wardle
Source on GitHub: [Wayback/Archive] thesilican/duotrigordle: Play 32 wordles simultaneously (source in TypeScript and CSS)
–jeroen
Posted in .NET CF, Development, JavaScript/ECMAScript, Scripting, TypeScript, Web Development | Leave a Comment »
Posted by jpluimers on 2024/03/27
[Wayback/Archive] Skip line while debugging in Chrome developer tools – Stack Overflow (thanks [Wayback/Archive] Matas Vaitkevicius for both asking and answering):
Last comment from dev says:We’re going to hold off on this feature for now. It’s complexity is high and it’s not common enough a workflow. One could also just comment out the lines and hit ctrl-s to get the same effect, pretty much. Status: WontFix –The workaround is to comment out the line you want to skip and press Ctrl+S.
The problem is that the workaround fails when you have used the Chrome Dev Tools to format the source code: then you cannot edit the formatted code.
The workaround for that is cumbersome, but doable as in this bug report:
Posted in Chrome, Debugging, Development, Google, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Development | Leave a Comment »
The Wiert Corner - irregular stream of stuff 