Ryan's Avatar

Ryan

@ryan.phonicsandstuff.com

phonicsandstuff.com developer | svelte / sveltekit | knows more about phonics than any web developer should

56
Followers
141
Following
91
Posts
25.11.2024
Joined
Posts Following

Latest posts by Ryan @ryan.phonicsandstuff.com

Out of how many total submissions?

07.03.2026 16:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

07.03.2026 03:56 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

03.03.2026 23:54 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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.

03.03.2026 05:14 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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.

02.03.2026 12:34 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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

24.02.2026 03:20 ๐Ÿ‘ 14 ๐Ÿ” 2 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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.

02.02.2026 23:05 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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.

28.01.2026 22:19 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Please tell me that pun was intentional.

28.01.2026 00:44 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

The answer to this question is always yes.

26.01.2026 17:34 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

26.01.2026 02:17 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

12.01.2026 03:07 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

10.01.2026 00:20 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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.

19.12.2025 11:53 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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

05.12.2025 00:43 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Morpheme graph for the base 'struct'.

Morpheme graph for the base 'struct'.

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

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.

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

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?

04.11.2025 03:17 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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.

01.11.2025 14:21 ๐Ÿ‘ 6 ๐Ÿ” 0 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0

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

17.10.2025 02:06 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

27.09.2025 03:22 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

When do you think it'll be released?

17.08.2025 02:53 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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

05.08.2025 03:45 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

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

04.08.2025 23:28 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Is there an example of this somewhere?

06.07.2025 03:55 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
GitHub - peterh32/react-drag-drop-container: ReactJS drag and drop functionality for mouse and touch devices ReactJS drag and drop functionality for mouse and touch devices - peterh32/react-drag-drop-container

I modified this library to use in Svelte.
github.com/peterh32/rea...

04.07.2025 19:43 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

04.07.2025 19:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Morpheme Mix - Phonics & Stuff Play a daily puzzle where you mix morphemes to make words!

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.

01.07.2025 20:03 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
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!

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

31.05.2025 14:45 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

22.05.2025 01:49 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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

18.04.2025 15:49 ๐Ÿ‘ 1 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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.

21.03.2025 23:10 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0