iiinova — where your digital self keeps evolving

I was in early access and already found this to be an amazing course. Can't wait to dive in now that it's finished.

241

Clearly, I need to up my game on the interactive elements on our site.

Excellent post! I learned a lot and the lead up to the mode switcher was great. A nice payoff at the end.

Thanks for the write up! We were just having this discussion about a project. Pagination it is!

Ryan @ryan.phonicsandstuff.com · 19/04/2026

I'm always jealous of your interactives. They are so great for understanding a concept. Which is probably why your courses are so good...

Ryan @ryan.phonicsandstuff.com · 10/04/2026

Great movie! However, I have a technical gripe. Have you ever tried to read a book by campfire with the book not facing the light? It doesn't work.

Ryan @ryan.phonicsandstuff.com · 02/04/2026

Wait, nevermind. I've seen how much content he creates, he still would've won.

000

Ryan @ryan.phonicsandstuff.com · 02/04/2026

Should've set him to fit-content.

100

Ryan @ryan.phonicsandstuff.com · 02/04/2026

So amazing! That was a blast to watch.

Ryan @ryan.phonicsandstuff.com · 31/03/2026

Were these matches all within a few days of each other or were they spaced out over a few weeks? Or was it one really stressful day?

000

Ryan @ryan.phonicsandstuff.com · 28/03/2026

Good luck in the finals! That was exciting to watch. The production value on this is amazing.

Ryan @ryan.phonicsandstuff.com · 21/03/2026

My bracket is looking pretty rough, but still loving this whole thing. madcss.com/bracket/dr-s...

madcss.com

dr-starchildren's Bracket | March Mad CSS

Check out dr-starchildren's bracket picks!

000

Ryan @ryan.phonicsandstuff.com · 07/03/2026

Out of how many total submissions?

000

Ryan @ryan.phonicsandstuff.com · 07/03/2026

Definitely matched the hype! I loved the make your own bracket site leading up to it.

Ryan @ryan.phonicsandstuff.com · 03/03/2026

This is so much better than March Madness. Super excited to watch.

Ryan @ryan.phonicsandstuff.com · 03/03/2026

I could but right now it's just doing some meta tags for me. It's on my list to clean up. The load function previously was doing a query for me if the url contained a param, but now I just await that result and the rest of the page loads while that happens.

Ryan @ryan.phonicsandstuff.com · 02/03/2026

If you're doing straight forward forms and nothing too unusual, I'd lean towards yes. I added them to our site and found a few edge cases that were still rough, but all the "normal" use cases were easy and simplified the code a lot.

Ryan @ryan.phonicsandstuff.com · 24/02/2026

@joshwcomeau.com manages to produce the most insightful, enjoyable posts about what the web can truly do.

1142

Ryan @ryan.phonicsandstuff.com · 02/02/2026

One thing to consider adding is handling renewals and expired cards. I found this to be more fiddly than I thought. Otherwise it looks like a great course.

Ryan @ryan.phonicsandstuff.com · 28/01/2026

Awesome run down! I would love to see how you setup Tailscale. I have a couple nodes, but haven't jumped to the full dev environment.

Ryan @ryan.phonicsandstuff.com · 28/01/2026

Please tell me that pun was intentional.

Ryan @ryan.phonicsandstuff.com · 26/01/2026

The answer to this question is always yes.

Ryan @ryan.phonicsandstuff.com · 26/01/2026

Do you have a repl to share? It should read the root layout page for all sub pages.

Ryan @ryan.phonicsandstuff.com · 12/01/2026

Julia is the real brains behind our site. I just make pretty web pages with her data.

000

Ryan @ryan.phonicsandstuff.com · 10/01/2026

And now that the account has been deleted we'll just have this mystery thread in the atproto forever. I love it!

Ryan @ryan.phonicsandstuff.com · 19/12/2025

We have a cleaning playlist. Each person picks a song and we clean for 10 minute bursts. Often once we get going it is easier to just say, 'Oh one more song'. We get to share our music with the kids and they have shown us things I'd never have discovered on my own.

130

Ryan @ryan.phonicsandstuff.com · 05/12/2025

This is great! I didn't know about the tutorial and the example for using tippy.js is an excellent practical example. Time to go update how I use tippy on my site...

Ryan @ryan.phonicsandstuff.com · 04/11/2025

I'm messing around with D3 and Svelte to make morpheme graphs. It's a fun playground to see how different morphemes are connected by a base word. Anyone have tips for getting good performance when you have lots of nodes that can be re-arranged?

Morpheme graph for the base 'struct'. The word deconstructionist is selected.

Morpheme graph for the base 'struct'. The morpheme 'un' is selected, which shows all words using it.

030

Ryan @ryan.phonicsandstuff.com · 01/11/2025

As a self-taught developer I love having my tooling teach me proper standards for HTML and accessibility (Thanks Svelte). But the next step is for my linter to fix the obvious cases for me, e.g. generally no self-closing tags.

260

Ryan @ryan.phonicsandstuff.com · 17/10/2025

What were the rough edges you encountered? I'm looking at options too.

000

Ryan @ryan.phonicsandstuff.com · 27/09/2025

I'm a few lessons in and already learning new, useful patterns. Excited to get more done tomorrow!

Ryan @ryan.phonicsandstuff.com · 17/08/2025

When do you think it'll be released?

Ryan @ryan.phonicsandstuff.com · 05/08/2025

I haven't implemented skeletons, but do want to. I think it is better than my hardcoded values.

Ryan @ryan.phonicsandstuff.com · 05/08/2025

Interesting! The cement bar does seem to lock up at 57.

Ryan @ryan.phonicsandstuff.com · 06/07/2025

Is there an example of this somewhere?

000

Ryan @ryan.phonicsandstuff.com · 04/07/2025

I need items to clone when dragging. Make a copy of the item and add it to a new list/drop area.

100

Ryan @ryan.phonicsandstuff.com · 01/07/2025

phonicsandstuff.com/puzzles/morp... This was fun to build. Some of the svelte animations are still a bit janky though. Has anyone tried combining slide and flip? Since the content of the element changes it creates gaps before they move together. Probably a limitation of flex box.

phonicsandstuff.com

Morpheme Mix - Phonics & Stuff

Play a daily puzzle where you mix morphemes to make words!

Ryan @ryan.phonicsandstuff.com · 31/05/2025

Yes, English is so broken. If you'd like to have your kid explore why the words are different, we have a word mapper. We've broken down the words into their spellings and sounds. phonicsandstuff.com/word-mapper

phonicsandstuff.com

Word Mapper - Phonics & Stuff

The word mapper lets you type in a word and see its individual letters and sounds. It's great for teaching phonics!

Ryan @ryan.phonicsandstuff.com · 22/05/2025

Making a word puzzle game, but instead of letters you get morphemes (parts of words).

000

Reposted by Ryan

Julia Shayto @phonicsandstuff.com · 18/04/2025

Addition Worksheet Creator Create addition facts worksheets from 0 to 10. Why does a phonics website have math worksheets? Because we do phonics AND stuff. The stuff includes math! phonicsandstuff.com/worksheets/m...

011

Ryan @ryan.phonicsandstuff.com · 21/03/2025

The runes stuff took a bit to fully arrive and converting was a bit of a pain, but I've loved all the improvements that keep coming now. I'm excited for the future of Svelte.

Ryan @ryan.phonicsandstuff.com · 17/03/2025

Anything that makes handling authentication easier is always appreciated. So many foot guns to leak data or give inappropriate access.