The Wiert Corner – irregular stream of stuff

Jeroen W. Pluimers on .NET, C#, Delphi, databases, and personal interests

  • My badges

    Mastodon

  • Twitter Updates

  • My Flickr Stream

    20140508-Delphi-2007--Project-Options--Cannot-Edit-Application-Title-HelpFile-Icon-Theming20140430-Fiddler-Filter-Actions-Button-Run-Filterset-now20140424-VMware-Fusion-6.0.3.-no-reclaimable
    More Photos

  • Pages

  • All categories

  • Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 1,839 other subscribers

Archive for the ‘Web Development’ Category

« Previous Entries
Next Entries »

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 &amp;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 »

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:

Read the rest of this entry »

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:
  • 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:

  1. [Wayback/Archive] Google Workspace Updates: Compose with Markdown in Google Docs on web
  2. [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: , | 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:

Read the rest of this entry »

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

 

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:

–jeroen

Read the rest of this entry »

Posted in Color (software development), Development, Software Development, Web Development | Leave a Comment »

Privacyverklaring | Mazda

Posted by jpluimers on 2024/12/03

Het gebruik van Bitly is netjes vermeld: [Wayback/Archive] Privacyverklaring | Mazda

Bitly: URL-verkortingsdienst en linkbeheerplatform; dienstverlener: Bitly, Inc, 139 Fifth Avenue, 5th Floor, New York, NY 10010, USA; website: https://bitly.com; privacybeleid: https://bitly.com/pages/privacy.

Dat is belangrijk, want URL-shorteners zijn een risico op bijvoorbeeld:

  • De daadwerkelijke doel-URL is niet op voorhand zichtbaar of duidelijk
  • De doel-URL kan achteraf worden gewijzigd, dus waar je nu op uitkomt is niet noodzakelijkerwijs waar je in de toekomst op uitkomt
  • Er kan user-tracking plaatsvinden op het niveau van de URL-shortener
  • Ze worden veel gebruikt om malware te verpreiden (juist ook omdat de doel-URL makkelijk aanpasbaar is)
  • In veel omgevingen worden URL-shorteners om bovenstaande redenen geblokkeerd

--jeroen

Posted in Development, GDPR/DS-GVO/AVG, LifeHacker, Power User, Privacy, Web Development | Leave a Comment »

Links to HTML versions of RFC’s need to move from “tools” to “datatracker” – Meta Stack Exchange

Posted by jpluimers on 2024/11/07

Some work to do replacing dead IETF RFC and draft links in my blog posts.

From the accepted answer on [Wayback/Archive.is] Links to HTML versions of RFC’s need to move from “tools” to “datatracker” – Meta Stack Exchange:

  1. [http/https]://tools.ietf.org/html/[rfc/RFC] became https://www.rfc-editor.org/rfc/rfc network-wide
  2. [http/https]://tools.ietf.org/html/draft- became https://datatracker.ietf.org/doc/html/draft-

>Both of these should conform to the reply we received from IETF.

Read the rest of this entry »

Posted in C, C++, Carbon, Development, Power User, SocialMedia, Software Development, Web Development, WordPress, WordPress | Leave a Comment »

If you use web-logon for your app, show the web-browser pop-up including the URL (via @wesbos on Twitter)

Posted by jpluimers on 2024/11/05

Edge browser Window without address bar of a Microsoft logon page for wesbos@gmail.com not indicating what the logon is for.

Edge browser Window without address bar of a Microsoft logon page for wesbos@gmail.com not indicating what the logon is for.

[Wayback/Archive] Thread by @wesbos on Thread Reader App

Every single app that uses a popup to sign in needs to stop hiding the address bar.

There is no way to test if its a legit website and 1Password doesn’t work

Without this, your logon borders on a dark pattern which can easily be abused by scammers.

Basically there are three things to make very clear for any logon page belonging to an actually executable: what you are actually logging on to, for and with.

Preferably your application also makes very clear that the logon page actually belongs to the application executable (despite users can figure out the application itself through for instance the Task Manager, or Process Explorer).

For web based logon, this last step is not possible, so for that it is really important to show the URL and the relation of the URL to the application (especially if you use a 3rd party logon like a Microsoft account – formerly Microsoft Passport, Google Account or Facebook account like was popular in OpenID heydays decade surrounding 2010).

Tweet:

Read the rest of this entry »

Posted in Dark Pattern, Development, Software Development, User Experience (ux), Web Development, Windows Development | Leave a Comment »

Bookmarklet idea: find Wikipedia entry for currently selected text, then (when editing in WordPress) make the selected text link to it

Posted by jpluimers on 2024/11/05

Two stage bookmarklet idea (so if will be easier to create this in an agile fashion):

  1. create a bookmarklet that looks up the currently selected text in Wikipedia (or another source)
  2. modify the current selection to link to that Wikipedia entry (convenient when editing blog posts)

Hopefully these links will help me getting started:

Read the rest of this entry »

Posted in Bookmarklet, Development, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Browsers, Web Development | Leave a Comment »

« Previous Entries
Next Entries »