developit

mcc, 3 months ago to random

Me: How long can sharks live

Google: I need to customize this result to your current location

Me: That's clearly wrong and if it's right then it's terrifying

chriscoyier, 23 days ago to random

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

paul, 3 months ago (edited 3 months ago) to random

Huh polyfill.io got sold. Probably advisable to make sure your sites are not using it.

https://twitter.com/triblondon/status/1761370894272708903

Edit: original post deleted, announcement here https://x.com/JakeDChampion/status/1761315228447277184?s=20

developit, 11 months ago to random

🦑 PSA / lolz:

Whatever you thought you knew about the <script type=""> attribute is probably wrong.

There are between 9 and ∞ type values that execute as JavaScript:
https://gist.github.com/bdb68249869a7b69f008995ffe0265f1

developit, 1 month ago to random

I have occasionally been asked why Preact's string renderer doesn't do scheduling and defaults to synchronous. Here's your reason (it's so fast that doing so is generally net-negative for both response time and throughput, making it undesirable by any metric)
#preact

developit, 11 months ago to random

Google standard product lifecycle

developit, 1 year ago to random

hooooly shit... DeviceScript!!
https://microsoft.github.io/devicescript/

developit, 5 months ago to webdev

preact + signals + HTML Drag and Drop API is pretty clean.

🐕 demo: https://2gtlk9.csb.app

✍️ code: https://codesandbox.io/s/preact-signals-dnd-2gtlk9?file=/src/index.tsx

#webdev #preact #preactjs #signals

a video showing a 3-item todo list being sorted via drag-and-drop, while a live data structure for the list is displayed below

developit, 5 months ago to random

this was a very fun and tiring project

https://www.shopify.com/news/performance%F0%9F%91%86-complexity%F0%9F%91%87-killer-updates-from-shopify-engineering#:~:text=Sped%20up%20Shopify%20Admin%E2%80%99s%20developer%20feedback%20loop%20by%2020x%2C%20including%2050%25%20faster%20continuous%20integration%20(CI)%20using%2035%25%20less%20compute%20resources

developit, 1 year ago to random

OAuth flow between installed PWAs is weird/tricky.

Chris Pratt Andy Dwyer

developit, 1 year ago to random

With the new Navigation API, you can now show the native spinner + stop button for any asynchronous operation - all you need is a Promise.

A video showing JavaScript code executed in Chrome DevTools that causes the browser's "page loading" UI to be displayed for an arbitrary period of time.

developit, 10 months ago to random

video/mp4

developit, 10 months ago to random

The first stage of my team's massive undertaking just went live on Shopify:

You can now build UI Extensions for Shopify Admin that show up in-context around the interface.

https://editions-summer-2023.shopify.com/editions/summer2023?filters=developer-updates&product=admin-ui-extensions

developit, 5 months ago to random

Gotta love Android apps that provide notifications categories, but then send their marketing BS notifications as "Urgent" or "Device Updates"

developit, 1 year ago to random

"NOOT NOOT"

#pingu

developit, 4 months ago to random

if your cookie consent banner's "accept" button reloads the page, fuck you

developit, 4 months ago to random

seal's the deal

This meme seals the deal

developit, 1 year ago to random

Building stuff with Preact + Signals is easier than using hooks.

You get to write as if the UI is being created fresh on any change (the good part of VDOM), but behind-the-scenes your components generally end up only needing to run once. No need for things like memoization or "useCallback".

Plus you get free reactive models: any part of your state can be built independent of the UI tree using the same 3 functions (signal, computed and effect).

A screen recording of the compose UI for a mastodon client implemented in Preact using Signals. Typing text, adding attachments and editing their descriptions all happen without triggering any Virtual DOM rendering.

developit, 9 months ago to random

Persisted Signals

const count = persistedSignal(0, 'count')
console.log(page loaded ${++count.value} times)

https://codesandbox.io/s/preact-signals-persisted-cyxxsj?file=/src/index.mjs

video showing two browser tabs running the same code, which creates a persisted signal called "count" that is backed by localStorage. Changes in one tab immediately propagate to the other bidirectionally, and data is saved across page loads.

developit, 11 months ago to random

Neat, Chrome added "translate selected text".

video of selecting Japanese text in Chrome, then choosing "Translate selection to English", which shows an English translation of the selected text in a popover.

developit, 22 days ago to random

This ramen in NYC was very good

whitequark, 16 days ago to random

so, house heating saga continues

as far as i can tell from the measurements i took, it works like this: running the heating system for 5 minutes raises the temperature at the desk where I sit by almost exactly 0.2 degrees centigrade

so... I could write a script that looks at the current temperature and runs heating for 5*(20-t)/0.2? and then put it into cron

developit, 22 days ago to random

I spent the day bracing and shimming our stairs while the ceiling is out. So dirty, so tired lol