ctnicholas

Hey folks, I'm Chris, one of the authors of the post! It was a joy to write up this post, and write about the problems we've faced and fixed through the years, in our native LiveList implementation. Let me know if you have any questions.

Hey all, we've just open sourced our sync engine and dev server, and we're very excited to share this. We're planning on open sourcing more of our platform as time goes on, and this is the first stage.

You can start your dev server in your Liveblocks app with the following command:

$ npx liveblocks dev

The team and I will be keeping an eye out for any questions you have!

I work at Liveblocks—yes! Our founders were inspired by Figma and wanted to make it possible for others to build apps like this more easily. We provide our own sync engine, Storage, which is aimed at this use case.

Hey all, I'm the writer! I thought I'd share this since a couple of my interactive articles went down quite well on here.

Happy to answer any questions.

You might have missed this quote near the top—it recommends Tiptap for most uses.

> If you’re here for a quick recommendation, we think the most well-rounded choice is Tiptap because it strikes a balance between being a feature-rich editor without being overly opinionated.

I thought you might like this, as my other blog posts went down well! Let me know if you have any questions.

Here's the last ones: https://news.ycombinator.com/item?id=38842116 https://news.ycombinator.com/item?id=31987713

If you disable JavaScript in your browser and load my blog, you'll find the entire site works apart from the interactive components in the article! That's the only part that uses client-side JS.

Yes! There was a bug on iPhone, though I've fixed it now.

You've been hilariously accurate here—I was actually a WordPress dev for years, and now I don't mention it because I'm not interested in those jobs. Haven't even told any of my colleagues!

Thanks, appreciate it!

Right, the most important thing is getting your posts out there! I say do what works best for you, we all have knowledge and experience in different areas, and there isn't a single solution for everyone.

Thanks!

I always enjoy playing with new tech, and HTMX looks fun, though I wouldn't use it for anything serious. If you're looking for something fun and simple, I'd 100% recommend using Svelte on Astro, they're both a joy to use.

I built this with Next.js to learn, because I use it at work, and need to stay 100% up to date when I'm educating others. It also just has such a huge ecosystem which is hard to match.

Tailwind's Catalyst UI kit only supports React, so it wouldn't work I'm afraid!

To make it fill the page, you need to make sure it's placed inside an element (with relative positioning) that's height comes from its content. Then give the noise absolute positioning.

The noise still overlays the text, it's just not really visible because of the contrast between text and background.

I saved myself time by reusing a small noise image I'd used before, but you could do it with an SVG pretty easily!

https://grainy-gradients.vercel.app/

I've just deployed a change to the noise as I saw a screenshot from another user and it looked like an iPhone bug! The noise shouldn't even be noticeable.

Is it looking better now?

100%! I tried to set it at a level where it "feels" right, but you don't realise why.

Damn, that's crazy! Reminds me of the old Windows "pipes" screensaver, but far nicer.

My last interactive blog post, from a couple of years ago, went down really well, so thought you might like this one!

Here's the last one: https://news.ycombinator.com/item?id=31987713