@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.

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/

#privacy #adtech #tracking

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

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

#CSS

⚓️ 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, 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 ) #pdf #court #legal

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

#blogroll #rss #feedreader #NetNewsWire #webperf #webdev

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

#PHP #MediaWiki #webperf

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