Sign in

Luke LaValva

@lavalva.dev
120 followers 362 following 51 posts

@markojs.com core team, all in on web !(!workinHard && !hardlyWorkin) Moving at a reasonable pace and trying not to break anything

PostsRepliesMedia
Luke LaValva @lavalva.dev · 11/08/2026
In Marko right now you can't 😬. Practically this never impacts application performance, but this specific benchmark isn't possible to create... We can look into adding layout effects, but until then we might need to find another way to measure effect performance in Marko 🤔
010
Luke LaValva @lavalva.dev · 11/08/2026
Marko does has effects, with the `<script>` tag! Sometimes side effects are important. They _are_ dangerous though, and anti-patterns like effect chains behave differently in Marko because it's optimized to reduce browser lag.
100
Luke LaValva @lavalva.dev · 10/08/2026
Yep! As of now Marko doesn't have layout effects, but once there's a need they will be added. Most cases where an effect causes another effect to trigger, it's because the code contains an anti-pattern. Marko is optimized to maximize responsiveness in these cases react.dev/learn/you-mi...
react.dev
You Might Not Need an Effect – React
The library for web and native user interfaces
130
Luke LaValva @lavalva.dev · 08/06/2026
The atmospheric web is a beautiful place
020
Luke LaValva @lavalva.dev · 27/04/2026
One of the biggest benefits of atproto is interoperability for free. I almost want each app to show front-and-center who it shares lexicons with, without getting too technical. Maybe even app search by lexicon?
010
Luke LaValva @lavalva.dev · 06/04/2026
Yeah, I've wondered printed books too! I frequently re-read lines by accident in books, I wonder if that would happen less often if they all switched to left-align!
010
Luke LaValva @lavalva.dev · 06/04/2026
WCAG actually recommends against justification because it makes text more difficult to scan, especially for people with low vision I used to _always_ use `text-align: justify` but I've learned to love uneven lines
w3.org
Supplemental Guidance: Text Justification - Low Vision Accessibility Task Force
Important note: This Wiki page is edited by participants of the AGWG. It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Working Group participants, WAI, or W3C. It may also have some very useful information.
120
Luke LaValva @lavalva.dev · 05/04/2026
I was already falling in love with atproto but after reading this I'm committed
1250
Luke LaValva @lavalva.dev · 19/03/2026
"Product creep" is my new favorite term in standards development
010
Luke LaValva @lavalva.dev · 18/03/2026
That makes sense! I'm optimistic, and crossing my fingers for the day when bsky.app uses a variety of lexicons as part of its core experience
100
Luke LaValva @lavalva.dev · 18/03/2026
I'm definitely not advocating for a single source of truth! Just trying to reason about whether it makes sense for apps to own their lexicons My gut says there can be more innovation in the tweet space if bluesky forfeits full control, and same for any other app that created its own standard
100
Luke LaValva @lavalva.dev · 18/03/2026
lexicon.community is super cool. Am I wrong in thinking we should deprecate most app-driven lexicons (even `app.bsky`) in favor of separately governed efforts like this? bsky.app/profile/lava...
120
Luke LaValva @lavalva.dev · 17/03/2026
Yeah, I think my worry is that if you're using another app's lexicon you will always and forever feel like the "other" app. Twitter-style apps on this network are sort of locked into being labeled as bluesky alternatives, while long form content apps are all on the same standard.site playing field
000
Luke LaValva @lavalva.dev · 17/03/2026
This is exactly what I was looking for
010
Luke LaValva @lavalva.dev · 17/03/2026
Also: if I'm making a new atproto app, should I also have a separate lexicon for that promises open governance? Using the app's domain might implicitly push people away from making alternatives, since there will always be a bias toward my app
120
Luke LaValva @lavalva.dev · 17/03/2026
`standard.site` is a _great_ example, since it doesn't have its own app. Are there any app-driven schemas that cross-pollinate, or is stuff like this the direction we're going?
210
Luke LaValva @lavalva.dev · 17/03/2026
Are there any atproto apps that use records from competitors? This ecosystem won't feel open to me until @bsky.app uses something from outside the `app.bsky` namespace as part of its core experience
571
Luke LaValva @lavalva.dev · 13/03/2026
I agree, `useWebHaptics()` is silly
000
Luke LaValva @lavalva.dev · 13/03/2026
Actually, I changed my mind. The API this library provided is way more generic than just for `<button>`. A `<haptic-button>` web component could be cool maybe
100
Luke LaValva @lavalva.dev · 13/03/2026
That's a cool idea, but not what the other framework components or JS API do in the docs. It is cleaner than doing it manually for most cases though, I'm a fan.
100
Luke LaValva @lavalva.dev · 13/03/2026
What would this look like as a custom element? The primary functionality is a JS `trigger()` function...
100
Luke LaValva @lavalva.dev · 10/03/2026
I like the idea that AI writes "maximally literal" code. Pushes the problem onto language/API designers, which is probably a good thing
010
Luke LaValva @lavalva.dev · 04/03/2026
npmx is the friends we made along the way
150
Reposted by Luke LaValva
Sam Rose @samwho.dev · 24/12/2025
At the end of the day I still think the best strategy if your goal is to reach a wide audience is to just make the best stuff you can. I’ve seen no compelling evidence to suggest that futzing with algorithms, timing, keywords, etc. outperforms that in the long run.
171
Luke LaValva @lavalva.dev · 20/12/2025
This supports my growing suspicion that best practices for AI are all the same as best practices for people
130
Luke LaValva @lavalva.dev · 19/12/2025
Ah, `position: sticky` is the trick! That's much better than `fixed`, thanks for the tip @colinhowells.com!
100
Luke LaValva @lavalva.dev · 19/12/2025
I'm sure I'm missing something obvious, but isn't this still just for anchor links? With `scroll-padding` alone the top of the page is still hidden behind a fixed header for me
100
Luke LaValva @lavalva.dev · 19/12/2025
`scroll-padding` and `scroll-margin` are one of those little details that help make a good site great, but I thought they were only for anchor links. You still need to use them alongside regular padding/margin for the top of the page right?
100
Luke LaValva @lavalva.dev · 19/12/2025
Is the header a dynamic size? There's always the tried & true `position: fixed` header with a top margin on the body markojs.com/playground#d...
markojs.com
Playground | Marko
The Marko programming language
110
Luke LaValva @lavalva.dev · 19/12/2025
night shift: always
The MacOS night shift settings. Since there is no "always on" option, I set it on a schedule that starts at 4:00 am and ends at 3:59 am
000
Luke LaValva @lavalva.dev · 05/12/2025
`px` is dead, long live the `rem`
000
Reposted by Luke LaValva
Marko @markojs.com · 19/11/2025
Marko 🤝 UnoCSS @unocss.dev now reads `.marko` files by default!
The Marko and UnoCSS logos, some Marko mascots, and a button HTML element with a HUGE list of classnames that goes off the page
062
Luke LaValva @lavalva.dev · 14/11/2025
You can even access the HTML elements as members of `e.target`! Type safety isn't quite there, but it's helpful for focus management ``` e.target.name.focus(); ``` svelte.dev/playground/f...
svelte.dev
Form
Web development for the rest of us
010
Reposted by Luke LaValva
Loren Stewart | Cheddy @cheddybop.bsky.social · 27/10/2025
New post! www.lorenstew.art/blog/10-kanb...
I built the same app 10 times: evaluating frameworks for mobile performance
910732
Luke LaValva @lavalva.dev · 27/10/2025
The most egregious examples I've seen aren't really because of Lit but because of people who don't understand web. I worked on an app once that managed routing with a Lit component, so JS to render every page on the site was sent on every request
100
Luke LaValva @lavalva.dev · 24/10/2025
Most of my negative experiences with Lit are from apps where people tried to use it as a framework. Happy to see that this isn't the vision.
110
Reposted by Luke LaValva
Marko @markojs.com · 15/09/2025
Write less boilerplate Check out our updated examples on Component Party component-party.dev?f=marko
component-party.dev
Component Party
Web component JS frameworks overview by their syntax and features: Svelte 5, React, Vue 3, Angular Renaissance, Angular, Lit, Ember Octane, Solid.js, Svelte 4, Vue 2, Alpine, Ember Polaris, Mithril, A...
041
Luke LaValva @lavalva.dev · 12/09/2025
Is it still standard to do use `px` for media queries? I read somewhere that `rem` is preferred because it respects system-based font size overrides
000
Luke LaValva @lavalva.dev · 11/09/2025
CodePen is too slow I catch myself using the Marko playground for tons of little utilities & demos that use zero Marko features markojs.com/playground#d...
markojs.com
Playground | Marko
The Marko programming language
000
Luke LaValva @lavalva.dev · 11/09/2025
We have a Pure CSS (JS only for toggle) hamburger menu for navigation on markojs.com
110
Luke LaValva @lavalva.dev · 03/09/2025
Excited for this one!
030
Reposted by Luke LaValva
Fred Crozatier @handle.invalid · 03/09/2025
SoME4 peer review is open! Skimming over the entries list, I'm really impressed by the quality and work everyone put in their entries. We've got some gems in there. Time to review, vote and spread the word! some.3b1b.co
some.3b1b.co
SoME — Create and discover new math content
The Summer of Math Exposition is an annual competition to foster the creation of excellent math content online.
142
Luke LaValva @lavalva.dev · 25/08/2025
Saving tokens is good, but I fear the inevitability of guidelines for people disagreeing with those for LLMs
000
Luke LaValva @lavalva.dev · 25/08/2025
Why separate guidelines for AI and people? Can we beef up CONTRIBUTING.md instead?
contributing.md
CONTRIBUTING.md
Open Source Guides
100
Luke LaValva @lavalva.dev · 21/08/2025
For intuitive Geometry, "Measurement" by Paul Lockhart is awesome www.hup.harvard.edu/books/978067...
hup.harvard.edu
Measurement — Harvard University Press
Paul Lockhart’s Mathematician’s Lament outlined how we introduce math to students in the wrong way. Measurement explains how math should be done. With plain English and pictures, Lockhart makes comple...
120
Luke LaValva @lavalva.dev · 28/05/2025
Turns out I'll be giving a talk this Thursday at SFNode 🫣 lu.ma/yf3yqjt2?tk=...
lu.ma
May 2025 SFNode Meetup · Luma
Details SFNode is a community‑driven meetup for Node.js enthusiasts of all skill levels. Each gathering features a mix of beginner‑friendly and advanced talks,…
000
Luke LaValva @lavalva.dev · 19/05/2025
Reminds me of vanjs.org
vanjs.org
VanJS - A 1.0kB No-JSX Framework Based on Vanilla JavaScriptXLinkedIn
120
Luke LaValva @lavalva.dev · 05/05/2025
make the internet clunky again
000
Reposted by Luke LaValva
All Things Web @allthingsweb.dev · 14/04/2025
Join us on Saturday, April 26, for our second-ever All Things Web Hackathon, hosted at @sentry.io! Come collaborate, create, and compete for two awards - plus some awesome prizes - while bringing your ideas to life. Sign up here: lu.ma/ft218za3
lu.ma
Future of Web Hackathon · Luma
Join us for a day of hacking the web! Collaborate, create, and compete for two awards while bringing your ideas to life! When & Where April 26 (Sat), at the…
032
Luke LaValva @lavalva.dev · 03/04/2025
Maybe pretty close to what it would look like if it were built for screen readers first— clear hierarchy, high information density, related concepts as close together as possible
010