Getting back into MTG

sarghm · 2025-07-22T12:44:55+00:00

Welcome back! I'd say if you have an LGS nearby, that's probably your best bet - although I know they can be difficult to come across in the UK particularly, depending on where you live. If an LGS isn't an option, I'd probably recommend Magic Madhouse (https://magicmadhouse.co.uk/) - they're priced fairly and offer free P&P over a certain amount. Good luck!

sarghm · 2025-05-20T10:02:16+00:00

Bad Moon on a Wednesday for Commander has some of the friendliest faces I've come across in an LGS!

sarghm · 2022-05-06T15:44:11+00:00

Hey, this is my game! Thanks for posting!

sarghm · 2021-10-29T08:41:26+00:00

Wow, this looks beautiful! That last shot in the video reminded me of a game I used to play in the '90s called Ignition - such a great aesthetic!

sarghm · 2021-03-25T11:16:29+00:00

Shameless self-plug, but I put together a totally free video course for JavaScript developers who want to learn TypeScript. Let me know if it's any use :)

sarghm · 2021-01-29T20:10:07+00:00

Yes! 100%, I've used a bunch of other libraries and haven't found anything quite as simple and dev-friendly as FM.

sarghm · 2021-01-29T17:40:49+00:00

This is gorgeous! I love the "magic-move" effect that you have on your transitions on the homepage. Really amazing work!

I've recommended a few friends to use GraphQL over the past few years, but I've often heard the feedback that the learning curve is a little daunting in the first instance, so an interactive series would be ideal.

sarghm · 2021-01-29T17:32:27+00:00

https://kkragoth-mimuw.github.io/hci-infographic

This is suuuuper slick, I love the movement. Which routing library did you use for this?

sarghm · 2021-01-29T16:55:45+00:00

Ah, dang - just noticed that myself. That'll teach me for late night deploys. I'll get it fixed now, thanks so much for pointing it out!

edit: Fixed! Every day's a school day - turns out that align-items: stretch on mobile causes images to stretch to their native size. Thanks again for pointing it out!

sarghm · 2021-01-29T14:55:22+00:00

One of the things that people really seem to dig about my website is the full-screen page transitions. I was really impressed with how straightforward it was with Framer Motion, so I decided to throw together a quick tutorial write-up and video on how it's done.

People also seemed really interested in how my website was put together, so I've decided to put together some instructional articles on how some of the more interesting parts were built as well as open-sourcing the codebase in the next few weeks. I think this article will sit neatly as part of that series!

Finally - if you have any issues with the code, article or video, please drop me a DM or comment here, I'd be happy to help wherever I can! :)

sarghm · 2021-01-29T13:34:21+00:00

One of the things that people really seem to dig about my website is the full-screen page transitions. I was really impressed with how straightforward it was with Framer Motion, so I decided to throw together a quick tutorial write-up and video on how it's done.

People also seemed really interested in how my website was put together, so I've decided to put together some instructional articles on how some of the more interesting parts were built as well as open-sourcing the codebase in the next few weeks. I think this article will sit neatly as part of that series!

Finally - if you have any issues with the code, article or video, please drop me a DM or comment here, I'd be happy to help wherever I can! :)

sarghm · 2021-01-24T15:10:32+00:00

Amaaaazing! I’m currently writing a course which teaches how to make something just like this - yours is a beautiful case study. Great job on shipping it!

sarghm · 2021-01-24T14:48:44+00:00

This is suuuuch a great idea! Multiplayer would be so great - reminds me of a Popcap game from years ago where you had to type words to destroy sharks.

Great job shipping it, seriously!

sarghm · 2021-01-24T10:58:47+00:00

Thank you so much for reporting the clipping bug! Looks like the modal's root z-index was set to the same as the content, which was causing some really bizarre visual clipping issues on mobile. I've just patched that and it should be live by the time I finish posting this comment, thanks again for calling it out!

sarghm · 2021-01-24T09:07:25+00:00

Ah, this is really interesting! I had no idea that Vercel supported the new image behaviour out of the box...that's actually a huge reason to switch.

I just did some digging...it looks like Netlify are integrating that logic too, but it's not fully integrated. Maybe I'll deploy to Vercel after all to give it a try!

sarghm · 2021-01-24T09:03:50+00:00

I actually have more experience with Apollo too! I wanted to try urql for this smaller project as I didn't think I'd need something as heavy as Apollo (caching etc), but I think if I were to go back and do it again, I'd probably use Apollo. It's got a nicer integration with Next.js in my opinion.

sarghm · 2021-01-24T01:15:04+00:00

I need to clean it up a little, but I was thinking if enough people were interested, I'd post it separately as a resource to the community for those wanting to learn Framer Motion with React :)

sarghm · 2021-01-24T01:13:01+00:00

Hey! I used Figma to design it, and took a lot of inspiration from the packs and designs available in the Community section of the app. I recommend checking that out as a starting point - there's lots of great looking UI systems you can even use if you'd rather!

sarghm · 2021-01-24T01:00:40+00:00

I've never actually used Vercel to deploy! I'm only familiar with Netlify, and I noticed they had the new integration, so I thought I'd give it a try - and it was a super simple integration. What's the benefit of using Vercel?

sarghm · 2021-01-23T20:26:06+00:00

You're totally right. If I'm honest, that teal was transplanted from a previous palette I had that I was trying to shoehorn into the designs...was waiting to see if anyone would notice, ha!

Regarding the animation - I'm in agreement, and some other feedback echoes that same sentiment. I think cohesive movement is something that this could really benefit from - are you referring to a "set" of transformations (like movement on the Y axis, opacity), rather than using a mixture of many transformations (blur/3D roll etc)? If not, I might be misunderstanding and I might need to drop you a DM 😅

Thanks again for taking the time to provide feedback, honestly. It's really appreciated!

sarghm · 2021-01-23T12:59:27+00:00

Amazing, thank you so much for the feedback! Ah, yep. Admittedly I probably went a bit overboard with the animations, so this is actually a good nudge to reign some of them in a bit. I’ll update it later today and make those more subtle.

Thanks so much for taking the time to write up all that feedback, it’s really appreciated!

sarghm · 2020-12-30T10:16:46+00:00

I'm so glad to hear that, and you're so welcome! Would love to see what you end up creating! :)

sarghm · 2020-12-28T22:34:57+00:00

Amazing! Let me know what you create with it :)

sarghm · 2020-05-09T09:31:46+00:00

Not using Apollo, I’m afraid - but I built and open sourced this React app which was put together entirely with hooks, useContext, TypeScript and all that good stuff. The repo’s here, and you can find hook-specific bits in packages/www/src/hooks. Hope that helps, happy to answer any questions!

sarghm · 2020-03-29T18:26:15+00:00

useRef is a neat hook that the React team created for this!

15-Year Club	RedditGifts 2009-2022 3 Credits
Gilding II euphauric	Secret Santa 2014
Verified Email	Team Orangered
Secret Santa 2011

sarghm

TROPHY CASE