Sign in

Simon Porter

@simonporter.co.uk
120 followers 146 following 55 posts

All things frontend 💻 Software engineering at @kestrelwp, building on WooCommerce.

PostsRepliesMedia
Reposted by Simon Porter
Astro @astro.build · 19/12/2024
Astro 5.1 is now in session Introducing Astro.session, an experimental utility to share data between requests. This is for you PHP lovers. See what else we launched 👇 astro.build/blog/astro-5...
astro.build
Astro 5.1 | Astro
Astro 5.1 is now available. This includes a new experimental sessions feature, improved caching for images, and new tools for building Astro Actions.
217333
Simon Porter @simonporter.co.uk · 18/12/2024
Catching up on Advent of TS day 14: It's a pretty tricky one! A pretty tricky one! Pretty tricky one! Tricky one! One! And so it begins...
000
Simon Porter @simonporter.co.uk · 17/12/2024
Advent of TS - day 13. Why it pays to always read release notes. That one was painful!
000
Simon Porter @simonporter.co.uk · 15/12/2024
I just stumbled upon Astro Docs Docs contribute.docs.astro.build what a fantastic resource! Really cool seeing the style guide laid out with explanations. Would be fun to try and contribute. Relatedly, anyone recommend some good resources for more tech writing like this?
contribute.docs.astro.build
Astro Docs Docs (AD²)
Documentation for Contributing to Astro Docs
130
Simon Porter @simonporter.co.uk · 13/12/2024
Saaaaame. Enjoying the simplicity of Astro, even though it includes some pretty big features, it still feels simple to use. Looking forward to seeing sessions become full-fledged, will be interesting to see some more ecommerce use Astro I think
020
Simon Porter @simonporter.co.uk · 13/12/2024
Upgraded the blog to Astro 5, ez pz. Ran the migration tool and followed the (excellent) docs for legacy content collection migration. Only problem I had was the post id including the nested file path and I was using only post title before. Easily fixed during getStaticPaths() though.
010
Simon Porter @simonporter.co.uk · 11/12/2024
Anyone else out here Googling bitwise operators and ELI5? #adventofts
010
Simon Porter @simonporter.co.uk · 08/12/2024
It feels like the false sense of security is starting to fall away, just like last year. I can feel the recursion hell just around the corner 😅
140
Simon Porter @simonporter.co.uk · 23/11/2024
Anyone got a decent/unbiased review of the differences between hosting a blog on netlify vs vercel?
010
Simon Porter @simonporter.co.uk · 22/11/2024
TIL about the inert attribute: developer.mozilla.org/en-US/docs/W... I love that after years and years of following web stuff, I still get to learn new things. I think I would be thoroughly bored in a role without having the space to learn and tinker.
developer.mozilla.org
inert - HTML: HyperText Markup Language | MDN
The inert global attribute is a Boolean attribute indicating that the browser will ignore the element. With the inert attribute, all of the element's flat tree descendants (such as modal <dialog>s) th...
000
Simon Porter @simonporter.co.uk · 22/11/2024
Never underestimate using the right tool for the right job. With so many options and strong opinions in web development, it's too easy to fall into the trap of sticking to what you know or who shouts loudest. What you know isn't always the best tool though, neither is that rando on tinternet.
000
Reposted by Simon Porter
raquel ❦ @raq.bsky.social · 22/11/2024
I made this today, no reason.
Classic diagram for "You can only have two" with "do it fast / do it well / do it all" but the colors are pretty
45613
Reposted by Simon Porter
TypeScript @typescriptlang.org · 22/11/2024
📢 TypeScript 5.7 is here! Now with ✅ Better checks for uninitialized variables ✅ Smarter tsconfig lookup in editors ✅ Improved startup time ✅ Stricter checks for JSON imports ✅ Extension rewrites for relative imports and more! Try it today! devblogs.microsoft.com/typescript/a...
devblogs.microsoft.com
Announcing TypeScript 5.7 - TypeScript
Today we excited to announce the availability of TypeScript 5.7! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding syntax for type declarations and annotation...
334695
Simon Porter @simonporter.co.uk · 18/11/2024
Happy Monday. If it was anything like mine.
media.tenor.com
a man wearing a bandana on his head is saying `` my brain hurts ! ''
Alt: Gumby, played by Micheal Palin from Monty pythons flying circus, is wearing a bandana on his head and shouting `` my brain hurts ! ''
000
Simon Porter @simonporter.co.uk · 17/11/2024
It's also great that you can mess around with all the frameworks as an island too, without going all in. Astro is a real delight to build with
110
Simon Porter @simonporter.co.uk · 17/11/2024
Plucky squire was such a good play, had a smile on my face throughout, just a pleasure!
010
Simon Porter @simonporter.co.uk · 15/11/2024
Tip of the week. Take a spell, even a short one, to shadow your support team or even work alongside them in the support queue. There's no better way to get to know the real users of your product, and gain empathy, which inevitably helps in all sorts of decisions going forward.
000
Reposted by Simon Porter
patak @patak.cat · 15/11/2024
butterfly flash mob - schedule a post to X with a single 🦋 - november 16, 15:00 UTC - you know the first rule of the flash mob invite your friends with your own voice: find a post on why we should move here, quote post it, copy and paste this post text, send
66619
Simon Porter @simonporter.co.uk · 14/11/2024
To all the Safari users out there. And why do you enjoy making me suffer?
media.tenor.com
a man in a suit and tie is sitting at a desk and says who hurt you
Alt: Seth Myers from the late night show is sitting at a desk and says "who hurt you?"
110
Simon Porter @simonporter.co.uk · 13/11/2024
media.tenor.com
Tkt Smart GIF
ALT: Tkt Smart GIF
010
Simon Porter @simonporter.co.uk · 13/11/2024
So if 9-5 is for work, 5-8 is for the kids, 8-12 is for the wife and house, and 12-8 is for sleep. Remind me again where do I fit in fun projects, tinkering, side hustles, and gaming? 🫠
000
Simon Porter @simonporter.co.uk · 12/11/2024
Ooooo! anchoreum.com
anchoreum.com
Anchoreum
A game for learning CSS anchor positioning
000
Simon Porter @simonporter.co.uk · 12/11/2024
Ergo, you are correct sir.
000
Simon Porter @simonporter.co.uk · 11/11/2024
Bless you. 🤧
010
Simon Porter @simonporter.co.uk · 10/11/2024
Christmas bits going up in shops, and kids want the tree up early. So really only one thing to do. Prepare for another brutal advent of code and advent of typescript 🫠🎄
000
Simon Porter @simonporter.co.uk · 09/11/2024
Interestingly, it was caused by updating the react render to use v18's createRoot. There were so many roots on a page we don't fully control that it was slower to render than v16. Automatic batch doing it's thing, so less renders, but delayed.
000
Simon Porter @simonporter.co.uk · 09/11/2024
Used `git bisect` yesterday to narrow down a cause of slow rendering. Don't reach for it often but when I do, it's pretty glorious. Especially since I switched to neovim+lazygit a few months ago, lazygit is such a great halfway house between cli and full gui. 10/10 would recommend.
100
Simon Porter @simonporter.co.uk · 09/11/2024
In *shot 🤦‍♂️edit feature wen?!
010
Simon Porter @simonporter.co.uk · 09/11/2024
Ah true! It was one I was looking at but didn't go with in the end. Rode usually get good reviews. I ended up going with a different headset in the end, but definitely no good for your requirements 😅 it's in shit, front and centre
110
Simon Porter @simonporter.co.uk · 09/11/2024
Shout out to wezterm, great terminal, just needed help on lua config 🤣
000
Simon Porter @simonporter.co.uk · 09/11/2024
I must have shaved recently?!
100
Simon Porter @simonporter.co.uk · 08/11/2024
What about a lapel mic? Not used one myself but might be discreet enough to get away with in shot? rode.com/en/microphon...
rode.com
PinMic | Discreet Lapel Microphone | RØDE
The RØDE PinMic is an ultra-discreet lavalier microphone that features an unique pin-through design, making it incredibly easy to conceal on talent. Learn more here.
100
Simon Porter @simonporter.co.uk · 08/11/2024
🤣 in with the obligatory "bobby tables"
xkcd comic strip which jokes about a mother being called by the school asking if her son was called Rober') DROP TABLE Students. A.k.a "Bobby Tables".
070
Simon Porter @simonporter.co.uk · 08/11/2024
Ready for another Christmas ruined 🤣 all fun and games up to like day 15 and recursion hell through 🌲🌲🌲🎅🌲🌲 iykyk
000
Simon Porter @simonporter.co.uk · 08/11/2024
Yes, niiiiiicceee
000
Simon Porter @simonporter.co.uk · 08/11/2024
💯. We have a motto at work for this: "strong opinions, weakly held". Be invested enough that you care to have an opinion and are engaged, don't be so invested that you can't take feedback and be willing to embrace change.
120
Simon Porter @simonporter.co.uk · 08/11/2024
This is really neat, I've never thought about testing that way before. I imagine you might be able to use CSS counters to generate an overview of errors too. Very cool stuff!
010
Reposted by Simon Porter
Large Heydon Collider @heydonworks.com · 08/11/2024
📝 Testing HTML With Modern CSS (With modern CSS selectors, you can do almost all your accessibility and best practice testing in CSS itself.) heydonworks.com/article/test...
heydonworks.com
Testing HTML With Modern CSS
CSS can be a great HTML testing tool, especially in 2024
74913
Reposted by Simon Porter
Wes Bos @wesbos.com · 07/11/2024
I took the State of React Survey You should too! survey.devographics.com/en-US/survey...
survey.devographics.com
State of React 2024
Take the State of React survey
18020
Reposted by Simon Porter
Seb ⚛️ ThisWeekInReact.com @sebastienlorber.com · 07/11/2024
I get more engagement here than X I can finally share dev links again without having to fight an algo
101344
Reposted by Simon Porter
Phil Hawksworth @philhawksworth.dev · 06/11/2024
I made you a little something. Help yourself to this little SVG+CSS flutter effect for your links to your @bsky.app account. (Psst. And publish the links to your @bsky.app account) flutterby.philhawksworth.dev
3836068
Simon Porter @simonporter.co.uk · 06/11/2024
Managed to squeeze in `:has()` to a customers CSS problem, and explain to them why it's useful, and they were chuffed to bits. Just out here spreading the good word 😎
000
Simon Porter @simonporter.co.uk · 06/11/2024
Definitely skeet, @joshwcomeau.com was just saying how much he was going to champion the word use 😎
120
Simon Porter @simonporter.co.uk · 04/11/2024
No worries, no worries! I know what I'm lining up for tomorrow then 😅 much obliged
000
Simon Porter @simonporter.co.uk · 04/11/2024
These are great suggestions thank you! Following the list to hopefully pick up more by osmosis, bookmarked that course for my employer, and have saved the YT playlist and put it in my to-do! 💪
000
Simon Porter @simonporter.co.uk · 04/11/2024
I guess the answer is an Astro specific shad/kobalte library but using nanostores 😅
000
Simon Porter @simonporter.co.uk · 04/11/2024
After much messing this weekend, it kinda came down to UI libs relying on context, and Astro mostly requiring nanostores 😞 I get it, but it makes using those frameworks as islands a bit more tedious when you can't grab shad or kobalte for some quick unstyled components. github.com/withastro/ro...
github.com
Make UI framework contexts available between islands · withastro roadmap · Discussion #742
Body Summary Most react based UI libraries (especially headless ones) make use of linked component nesting, where the child components rely on the parent components to exist. This does not work in ...
100
Simon Porter @simonporter.co.uk · 03/11/2024
Burned all my daily Claude credits trying to get solid-ui working in solid js astro island alongside react. Even Claude seems pretty stumped 😞
010
Simon Porter @simonporter.co.uk · 02/11/2024
I see vite/vitest just joined 🦋 Anyone know of a starter pack for (dev) companies/products joining bsky?
020
Simon Porter @simonporter.co.uk · 02/11/2024
CSS animations and avoiding performance pitfalls or best recommendations to delight!
010