@krinkle@fosstodon.org
@krinkle@fosstodon.org avatar

krinkle

@krinkle@fosstodon.org

Dutch geek from Enschede living in London.

Principal Engineer at Wikimedia Foundation, https://fosstodon.org/@qunit project lead, jQuery Infra (OpenJSF) https://social.lfx.dev/@jquery, W3C Web Performance, ♥️ FLOSS.

Creative interests: linguistics, music, photography. Work interests: performance, web standards, UI design, digital privacy and security.

Avatar photo by Niek Hidding.

#webperf #PHP #mediawiki #wikipedia #qunit #nederlands #music #muziek #fedi22

Formerly at mastodon.technology (2019-2022).

This profile is from a federated server and may be incomplete. Browse more on the original instance.

krinkle, (edited ) to random
@krinkle@fosstodon.org avatar

"When the pyramids were being built, there were still woolly mammoths."

Ah, another great mystery revealed about the pyramids. It was the mammoths all along! 🦣

via @jkottke

https://kottke.org/14/02/unlikely-simultaneous-historical-events

Learn more: https://en.wikipedia.org/wiki/Woolly_mammoth#Extinction

krinkle, to til
@krinkle@fosstodon.org avatar

Apparently there's a a cross-over between Magento and Twitter.

In 2011, when eBay acquired Magento (an open source e-commerce CMS), it was intended to become part of eBay's "X Commerce Group" at www.x.com. No doubt a domain eBay had inherited from the time where Musk was involved.

Today, that domain of course redirects to Twitter.com.

https://techcrunch.com/2011/06/23/ebay-acquired-magento-for-over-180-million-but-not-everyone-is-smiling/

https://en.wikipedia.org/wiki/Magento

krinkle, (edited ) to random
@krinkle@fosstodon.org avatar

Scam Artist Argues Their Advice Could Work.

CNET ought to know better. Their idiotic attempt at SEO by en-mass 404'ing old articles was noticed by Google, which subtweeted with this TV ad-like PSA:

> Are you deleting content because you believe Google doesn’t like “old” content? That's not a thing!

But then, SEO experts double down and inform Gizmodo that "it’s an advanced practice that requires high levels of expertise"

Very advanced indeed.

https://daringfireball.net/linked/2023/08/10/cnet-dummies

krinkle, to design
@krinkle@fosstodon.org avatar

Mike Matas's portfolio includes original iPhone interface elements, and absolutely iconic Mac OS X features.

As @kottke puts it:

"""
You'd be hard pressed to find a better portfolio of digital design work than this one from Mike Matas.
"""

https://mikematas.com/

via https://kottke.org/quick-links

lauraehall, to mediawiki
@lauraehall@xoxo.zone avatar

Are any of y’all experts on building MediaWiki templates—for example, developing dynamic sidebars like Wikipedia has? I need some help building one out for a personal volunteer project and would love advice/a guide or to connect with someone who could assist

(I know you can download them directly from WP but they are too complex/nested and I’d like to start fresh)

krinkle, (edited )
@krinkle@fosstodon.org avatar

@simulo @lauraehall @theresnotime

I created a minimal example: https://www.mediawiki.org/wiki/User:Krinkle/Template:Infobox_simple

Nut shell:

  • HTML table floated to the right with CSS.
  • Each row a th and td tag.
  • The built-in {{#if parser function lets articles skip unused rows.
  • I use <noinclude>demo to show all rows on the Template page.
  • I spiced it with templatestyles and templatedata, which I think are easy to install, but can be omited.
  • Create variations as needed "Template:Infobox_city", … "_artist", etc.

krinkle, to firefox
@krinkle@fosstodon.org avatar

SpiderMonkey Newsletter (Firefox 116-117) by @SpiderMonkey:

https://spidermonkey.dev/blog/2023/08/07/newsletter-firefox-116-117.html

"""
We added a fast path for JSON.stringify.
[..]
We’ve disabled Spectre mitigations in Fission content processes (Nightly-only for now).
"""

Interesting to see the initial generation of Spectre mitigations slowly come down, regaining some perf losses.

Also awesome progress on Speedometer 2, now on par with Chrome! https://mozilla.social/@stevetex/110696689018983577

krinkle, to random
@krinkle@fosstodon.org avatar

Making The Indian Rupee Work For Humans and Databases

Marco Gaspari, at Etsy:

"""
Technically, the rupee is like the US or Canadian dollar: it has a fractional denomination equivalent to the penny, called a paisa. But paisa are [..] no longer in circulation.

In practice, the rupee is more like the yen, its own (non-fractional) denomination.
"""

https://www.etsy.com/codeascraft/indian-rupee-users-database

krinkle, to Funny
@krinkle@fosstodon.org avatar

What if you substituted a bowling ball in various sports?

https://vimeo.com/channels/staffpicks/587597297

Short story produced by Sam H. Buchanan (via @kottke).

krinkle, to random
@krinkle@fosstodon.org avatar

Actor Kristen Wiig, on her official website:

"""
Kristin is not on Twitter, Instagram, Facebook, MySpace, or any other social networking website.
"""

Good on you! I like that this message is basically the sole reason for the site's existence, to link it from places that expect social links or blogs. Very much in the spirit of IndieWeb and domain verification, to un-verify anything that purports to be her!

http://kristenwiig.com/

via https://www.themoviedb.org/person/41091-kristen-wiig

krinkle, to random
@krinkle@fosstodon.org avatar

May I have a USB-4 Version 2.0 Type-C cable? 🤷

Timeline:

  • USB (v1, plug type A).
  • USB 2 (invisible "it's faster now" release, type A).
  • USB 3 or "the blue one" (v3, usually A, but type B plugs exist).
  • USB4, USB-C, or Thunderbolt (type C only), the "hey we removed a space before the number in our advertising" release.
  • "USB4 Version 2.0 over Type-C", or "we forgot our naming scheme, added fractions, and oh did we say it's faster?"

https://daringfireball.net/linked/2022/09/03/usb4-2-point-0
https://en.wikipedia.org/wiki/USB-C

krinkle, (edited ) to php
@krinkle@fosstodon.org avatar

WordPress now automatically adds the fetchpriority=high attribute to the image it determines likely to be the LCP image. This prioritizes the image ahead of the browser computing page layout, and typically improves LCP by 5-10%.

https://make.wordpress.org/core/2023/07/13/image-performance-enhancements-in-wordpress-6-3/

This follows from 2 years ago, when analysis showed native <img loading=lazy> makes browsers delay even above-the-fold visible images, regressing the Largest Contentful Paint metric.

https://make.wordpress.org/core/2021/12/29/enhanced-lazy-loading-performance-in-5-9/

krinkle, to literature
@krinkle@fosstodon.org avatar

Paul Ford: My Father's Death in 7 Gigabytes. "Dad spent decades writing weird, experimental literature. His last wish: Upload it all to the Internet Archive."

https://www.wired.com/story/my-fathers-death-in-7-gigabytes-internet-archive/

https://archive.org/details/frankbford

via @kottke

douglascrockford, to random
@douglascrockford@layer8.space avatar

This joke does not work anymore: What is black and white and red all over?

krinkle,
@krinkle@fosstodon.org avatar

@douglascrockford

The alternate and rude versions still work, however!

https://en.wikipedia.org/wiki/Newspaper_riddle

hayify, to random Dutch
@hayify@mastodon.social avatar

Deze week word ik veertig. Daarom begon ik begin dit jaar op te schrijven wat ik in die veertig jaar heb geleerd. Hier is het resultaat: 40 dingen die ik heb geleerd in veertig jaar. https://www.haykranen.nl/2023/06/14/veertig-dingen-die-ik-heb-geleerd-in-veertig-jaar/

krinkle,
@krinkle@fosstodon.org avatar

@hayify Shots fired at NPO app 😅

Mooie lijst, bedankt Hay!

krinkle, to linguistics
@krinkle@fosstodon.org avatar

🐓 "The chickens come home to roost."

This proverb means that a bad deed or unsolved problem will eventually return to the person causing it.

So..., why chickens? Turns out, "Chickens didn't enter the scene until the 19th century".

Origin:
https://www.phrases.org.uk/meanings/chickens-come-home-to-roost.html

By the way, the literal meaning is:
https://en.wikipedia.org/wiki/Communal_roosting

theresnotime, to random

wmf has a rep at the W3C?? 👀

krinkle,
@krinkle@fosstodon.org avatar

@bd808 @LucasWerkmeister @theresnotime @gilles

It's real, we're a voting (and paying) member org.

https://wikimediafoundation.org/news/2019/03/28/joining-the-world-wide-web-consortium/

(Internal, visible to both of you) https://office.wikimedia.org/wiki/W3C

Several of us join the W3C WebPerfWG bi-weekly meetings. Let me know if you're curious to learn more or would like help navigating how you can participate!

krinkle, to random
@krinkle@fosstodon.org avatar

How does Code Caching work for Chromium's V8 JavaScript compiler?

Deep dive by Leszek Swirski on how repeat views not only leverage the browser cache for the network response, but also the compiler bytecode. It even includes a limited amount of state snapshot if the initial execution appears deterministic (eg save runtime execution logic for defining and exporting functions).

Good reason to keep library code definitions simple.

https://v8.dev/blog/code-caching-for-devs

qunit, to random
@qunit@fosstodon.org avatar

Guess who's number 1 on the test-runners Speedlify, for the third year in a row!

https://www.speedlify.dev/test-runners/

https://qunitjs.com

krinkle,
@krinkle@fosstodon.org avatar

One of the things that keeps https://qunitjs.com lean is our approach to search.

Rather than the popular JS-only Algolia DocSearch widget at ~100KB, we use a fast 2KB alternative based on HTML5, with progressive enhancement.

I recently published this as re-usable package:
https://github.com/Krinkle/typesense-minibar

krinkle, to random
@krinkle@fosstodon.org avatar

Peter Whiting, on companies that offer you to sell your own personal data:

"""
If you know that a thief will steal your watch tomorrow so you offer it up today in return for a quarter, the core problem has not been solved. In fact, you have shown the robber a way to steal from you without even needing to mug you in the first place.
"""

https://nullpxl.com/post/should_you_sell_your_personal_data/

nhoizey, to webdev French
@nhoizey@mamot.fr avatar

🔗 “Using :is() in complex selectors selects more than you might initially think” by @bramus

⚓️ https://nicolas-hoizey.com/links/2023/03/30/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

krinkle,
@krinkle@fosstodon.org avatar

@jaredwhite @nhoizey @bramus

Sorry, but it's true, including today. Search is limited to subtree indeed, but each selector goes by full document-level representation.

My example was flawed as <p> is implicitly closed by the <div> block. Inspect the DOM to see the <div> hanging outside the <p>. My bad. Here with a span:

<div><span id="a">
<i>..</i>
<span><i>..</i></span>
</span></div>

alert(a.querySelectorAll('div i').length); // 2, not 0

https://codepen.io/Krinkle/pen/xxyYwXM?editors=1010

https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll

krinkle, to random
@krinkle@fosstodon.org avatar

Pick a Wikipedia article, save it offline, open it.

For example, this featured article: https://w.wiki/3xBb

I believe we can do better, Chrome... 🥺

https://bugs.chromium.org/p/chromium/issues/detail?id=927948

(Screenshots: Firefox vs Chrome, two years ago vs today)

Screenshot taken today, in April 2023 (two years later). Firefox 112 still renders the page completely, with photos, layout, branding, and other styles in tact. Chrome 111 still renders the page with missing stylesheets and broken photos/images.

krinkle,
@krinkle@fosstodon.org avatar

@paul Perhaps you can help us get attention from Chrome @developers on this?

krinkle, to legal
@krinkle@fosstodon.org avatar

Herbert B. Dixon Jr. (former DC Supreme Court judge) provides examples of some embarrassing redaction failures as part of public court document filings:

"""
Unfortunately, when such a document is converted to PDF format, the text merely appears to be hidden by the black rectangular boxes [..]
"""

https://www.americanbar.org/groups/judicial/publications/judges_journal/2019/spring/embarrassing-redaction-failures/

(via Matthew Butterick's "What we can deduce from a leaked PDF" https://matthewbutterick.com/chron/what-we-can-deduce-from-a-leaked-pdf.html )

krinkle, to webdev
@krinkle@fosstodon.org avatar

Blogroll, it's been a while!

Below are my feed subs (I use NetNewsWire), which help me stay informed and keep learning every day (as fullstack dev interested in web, UX, and perf).

https://gist.github.com/Krinkle/e0d13f84b91e829afffa7b27822482be

bkardell, to random
@bkardell@toot.cafe avatar

Wow i cannot believe how many people only escape one end of this!! https://front-end.social/@chriscoyier/109508133922185523

krinkle,
@krinkle@fosstodon.org avatar

@bkardell

This is one of the oldest surviving micro-optimisations in MediaWiki's PHP code base, and incidentally is also how I learned that the closing > doesn't need to be escaped (after wondering why it wasn't using the popular htmlentities or htmlspecialchars built-ins, which turn out needlessly more complex for this purpose).

https://github.com/wikimedia/mediawiki/blob/1.39.0/includes/Html.php#L236-L242

https://static-codereview.wikimedia.org/MediaWiki/55431.html

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • provamag3
  • kavyap
  • DreamBathrooms
  • InstantRegret
  • magazineikmin
  • ngwrru68w68
  • Durango
  • thenastyranch
  • Youngstown
  • rosin
  • slotface
  • tacticalgear
  • mdbf
  • ethstaker
  • JUstTest
  • khanakhh
  • osvaldo12
  • GTA5RPClips
  • cubers
  • cisconetworking
  • everett
  • tester
  • modclub
  • megavids
  • Leos
  • normalnudes
  • anitta
  • lostlight
  • All magazines
    •