Luke LaValva's Avatar

Luke LaValva

@lavalva.dev

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

95
Followers
327
Following
29
Posts
07.02.2024
Joined
Posts Following

Latest posts by Luke LaValva @lavalva.dev

npmx is the friends we made along the way

04.03.2026 16:41 πŸ‘ 5 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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.

24.12.2025 12:17 πŸ‘ 7 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0

This supports my growing suspicion that best practices for AI are all the same as best practices for people

20.12.2025 01:06 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Ah, `position: sticky` is the trick! That's much better than `fixed`, thanks for the tip @colinhowells.com!

19.12.2025 21:41 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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

19.12.2025 21:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

`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?

19.12.2025 21:16 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Playground | Marko The Marko programming language

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

19.12.2025 18:47 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
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

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

night shift: always

19.12.2025 03:19 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

`px` is dead, long live the `rem`

05.12.2025 20:05 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
The Marko and UnoCSS logos, some Marko mascots, and a button HTML element with a HUGE list of classnames that goes off the page

The Marko and UnoCSS logos, some Marko mascots, and a button HTML element with a HUGE list of classnames that goes off the page

Marko 🀝 UnoCSS

@unocss.dev now reads `.marko` files by default!

19.11.2025 19:48 πŸ‘ 7 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
Preview
Form Web development for the rest of us

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

14.11.2025 00:25 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
I built the same app 10 times: evaluating frameworks for mobile performance

I built the same app 10 times: evaluating frameworks for mobile performance

New post!

www.lorenstew.art/blog/10-kanb...

27.10.2025 17:53 πŸ‘ 108 πŸ” 32 πŸ’¬ 9 πŸ“Œ 8

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

27.10.2025 16:50 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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.

24.10.2025 20:46 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
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...

Write less boilerplate

Check out our updated examples on Component Party
component-party.dev?f=marko

15.09.2025 19:37 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

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

12.09.2025 20:00 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Playground | Marko The Marko programming language

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

11.09.2025 22:12 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

We have a Pure CSS (JS only for toggle) hamburger menu for navigation on markojs.com

11.09.2025 16:36 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Excited for this one!

03.09.2025 19:01 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

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

03.09.2025 15:01 πŸ‘ 4 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

Saving tokens is good, but I fear the inevitability of guidelines for people disagreeing with those for LLMs

25.08.2025 22:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
CONTRIBUTING.md Open Source Guides

Why separate guidelines for AI and people? Can we beef up CONTRIBUTING.md instead?

25.08.2025 22:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
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...

For intuitive Geometry, "Measurement" by Paul Lockhart is awesome
www.hup.harvard.edu/books/978067...

21.08.2025 14:21 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
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,…

Turns out I'll be giving a talk this Thursday at SFNode 🫣

lu.ma/yf3yqjt2?tk=...

28.05.2025 15:50 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
VanJS - A 1.0kB No-JSX Framework Based on Vanilla JavaScriptXLinkedIn

Reminds me of vanjs.org

19.05.2025 17:04 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

make the internet clunky again

05.05.2025 05:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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…

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

14.04.2025 18:00 πŸ‘ 4 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

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

03.04.2025 17:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Mental Models

Forms & Links - rerender everything, every click
jQuery - imperatively perform updates
React - rerender everything, every click?

20.02.2025 14:00 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
All Things Web at Sentry Β· Luma Join us on Feb 25 at Sentry HQ in SF for two great talks, snacks & drinks, and plenty of time to nerd out about all things web! Can't wait to see you there!…

In the Bay Area? Like Any and All Things Web? Come join us for an evening @sentry.io HQ!

Food, drinks, community, and technical talks...what else could you ask for?

I'm extra excited this month because we'll be hearing from @aidenybai.bsky.social, author of React Scan πŸ‘€
lu.ma/wcfeo5jc?utm...

11.02.2025 16:42 πŸ‘ 7 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0