John Yanarella
@johnyanarella
Followers
554
Following
1K
Media
24
Statuses
2K
Software architect specializing in native mobile and front-end web development. Swift, SwiftUI, Lit, Vue, React, GraphQL, Design Systems, Statecharts
Joined December 2008
This feels unreal! After more than 6 years working on WebGPU, it's getting released in Chromium 113, in stable and without flags! It only took a bit longer than the 2 year adventure we initially thought it would be š
Read more about it here
developer.chrome.com
The Chrome team ships WebGPU, which allows high-performance 3D graphics and data-parallel computation on the web.
55
505
2K
I've found the recent debate around signals confusing, because people don't seem to have shared definitions and background... In lieu of another š¶ļø take, here are a few links to lesser-known reads about reactivity + UI that I've found clarifying: 1/
5
30
211
Are you a (sadly, now former) Twitterrific or Tweetbot user? Do this: 1. Reinstall the app(s) from the iOS App Store. 2. Tap the āI Donāt Need a Refundā button. 3. Know you helped a small developer whose work youāve appreciated. More details here:
daringfireball.net
There is something noble about two longtime rivalsāāācompetitors, yes, but with nothing but deep respect and camaraderie for each otherāāāfacing this terrible cliff together, with dignity and grace,...
0
20
17
Write it. Show it. Rock it. A fresh, fast and fun way to create and hold presentations. Here is how iA Presenter works. More under: https://t.co/wwIo8TFlFg
15
52
421
Wrote up a new piece on a pattern I've called "programming portals" ā small, scoped windows in graphical interfaces that let you drop into programmatic syntax. Common in apps for end-user programming. Blurs the boundary between dynamic visuals + syntax https://t.co/vxxE1kUT5T
maggieappleton.com
Small, scoped areas within a graphical interface that allow users to read and write simple programmes
18
68
436
"Stop Writing Dead Programs" by Jack Rusher @jackrusher from Strange Loop 2022
4
66
257
Time to talk about the future of Shoelace. It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Components⦠š cont'd
28
32
210
āThe purpose of abstraction is not to be vague, but to create a new semantic level in which one can be absolutely precise.ā - Edsger Dijkstra
3
138
645
š Friday blog post: I tried to write up my mental model of how to develop for developers. Itās easy to over-do it with abstractions. Escape hatches, layering abstractions and reusing the idioms of the platform gives developers agency. šš https://t.co/O555TfwPHz
8
68
349
I am so excited about partial hydration of web components š± Web components are usually small per see. š¤ However, shipping almost 0 JavaScript (only a loader) and then loading components only as needed is just 𤯠+ different loading strategies for desktop / mobile š¤Æ
6
22
165
who, SICP for JS is being released next week
mitpress.mit.edu
Since the publication of its first edition in 1984 and its second edition in 1996, Structure and Interpretation of Computer Programs (SICP) has influenced co...
2
8
28
Crosscut: Drawing Dynamic Models https://t.co/UItP1YMSkp
inkandswitch.com
Uniting the directness of pen & paper with the dynamism of software.
10
54
231
Really amazing article by @JoshWComeau , could be considered a must read for design and development teams.
joshwcomeau.com
How we work with design can have a tremendous impact on our overall output, and yet we don't always treat it as very important. A look at how collaborating with design can supercharge our own...
1
8
39
A New Container Query Polyfill That JustĀ Works
css-tricks.com
There is an easy-to-use CSS container query polyfill now. You essentially conditionally load it and forget about it. Then write spec-compliant container queries code.
1
79
240
Happy New Year! š It's been a year focused on language research and design, and all the rabbit holes we found along the way. After many iterations, we are now finalizing the StateML grammar and core tooling.
1
4
11
The floating @framer window. Many design tools have them. You donāt want them flying out of the screen bounds. Did you know that you can fully rely on CSS for the constraints? Checkout the thread to learn how to implement the dragging, constraints, and rubber banding.
12
85
759
It's release day. š tldraw is now live, free and open source.
tldraw.com
A free and instant collaborative whiteboarding tool.
55
503
3K
𤩠The #CSS property 'aspect-ratio' is now supported in all evergreen browsers! * The last two browsers, Safari 15 and Samsung Internet 15 (updated today) , are now supporting this feature. @CodePen: https://t.co/mekJTddsLC
9
287
1K
I read 1304 Hacker News comments on visual programming and then wrote a giant blog post about it for some reason. I'll probably make a better attempt to explain why anyone should read this tomorrow but I'm too tired this evening so this will do for now. https://t.co/9YhasMKFIi
drossbucket.com
Iām a fairly frequent Hacker News lurker, especially when I have some other important task that Iām avoiding. I normally head to the Active page (lots of comments, good for procrastinatā¦
5
20
131