Tom Blanchard

Need a freelance Shopify developer? 🎨 Themes and customisations 📟 Apps 📝 Data migrations ⚙️ Custom API scripts Hire me 👇 twitter.com/messages/compo…

For my fellow Shopify dev nerds, I did a write up of my current "no-build" workflow for custom Shopify theme development. It's great being able to use Tailwind without having to spin up a build process to watch for changes! tomblanchard.co.uk/my-simple-no-b…

@csswizardry I absolutely hate dealing with this and it constantly comes up when I'm doing performance work. 👎

I’ll say it… srcset and sizes is still a horrendous mindf*ck for me. A 360px-wide display fetching a 1200px-wide image when a 300, 600, 800, and 900px version are available. WHY?!

@0x15f How about removing the options input, just having the ATC button and triggering a drawer/modal which presents the options when clicked? I know this adds an extra step but I've seen it work quite well on certain stores.

Do you prefer single or multiple inputs for three options?

@adamwathan I'm half way through a custom Shopify theme build project using TW 4.0 for the first time (lots of experience with TW 3.0). There was a small initial learning curve but loving it, well done!

Who's using Tailwind CSS v4.0 in production? 🙋🏻

@gilgNYC It would be great if `applyCartLinesChange` supported multiple changes at once, currently we're having to sequentially fire one change at a time and even that sometimes fails: community.shopify.com/c/technical-q-…

It’s been a few months so let’s give this q another go: Shopify devs, what are your top complaints/requests for checkout extensions? Missing APIs? Better checkout editor experiences? 👀

@mxstbr @Shopify @madmath Ha, this is so sick! It's very cool to see performance deep-dives for Liquid storefronts like this, certainly debunks all the misinfo about headless always being fasted than Liquid 👀

My first ship at @Shopify with @madmath: building our version of the McMaster-Carr shop 🚢🚢🚢 mcliquid.myshopify.com Next up: make it (and every other Liquid Storefront) feel faster and faster while making Liquid simpler and more powerful 🚀 LFG!

@glenwheeler Sorry mate, only just seen this, fixing this has been on my todo list for a while - will keep you updated when I get to it. In the meantime I'd suggest using the GraphQL Files API.

Hey @tomblanchardCSS, I get an error with this tool now, I can see it was updated a while ago. Assume it's defunct now? - tomblanchard.co.uk/bulk-downloadi…

It's another Friday, so it's time for another #ShopifyHacks! #ShopifyDevHacks seem to be where I can share the most value, so for my next recommendation here I would like to call out a helpful tool built by the one and only @tomblanchardCSS - Shopify Liquid REPL If you just want to test out some Liquid and can't quite figure out the output, or want to share a snippet with a friend/coworker, check out Tom's tool. This is a fun way to test out just Liquid in action. Just type in some Liquid and hit run to make sure your Liquid code is valid! You can also share your snippet codes with someone else. This is really handy if you're helping another developer debug. Shopify Liquid REPL: shopify-liquid-repl.tomblanchard.co.uk/?input=%7B%25-… Link to Tom's blog post detailing how he built it (back in 2018!): tomblanchard.co.uk/how-i-built-sh… Link to Tom's profile: x.com/tomblanchardCSS

@TRPage_dev What should happen in this scenario in your opinion?

I am going to be so happy if this ever gets fixed one day 🤦‍♂️

It's always nice to be featured on my favourite Shopify development newsletter, Liquid Weekly - cheers for the shoutout @TRPage_dev / @kmeister2000! PS: I have freelance availability from mid-June for Shopify development projects! ✌️

Have y'all seen @tomblanchardCSS's Shopify Liquid REPL tool?! Sooooo cool! First saw this when @ConduciveMammal shared in the Partner Slack to help someone debug a Liquid issue.

@hunkybill Browser URL, e.g: admin.shopify.com/store/nike/pro… 😜

I see Shopify axing the RestAPI endpoints for Products meaning I can no longer whip out a quick and dirty ShopifyAPI::Product.count to get the number of products in a store. So what is the quick and dirty way to do that now? There must be some kind of analog kicking around.

@mic_gallego Yep, absolute nightmare to maintain, this is my current fav way to handle this in my custom builds. This also allows me to avoid the "double spacing" issue when two sections with the same background color have spacing.

Dawn is a perfect example of what happens when you don't know how to say NO to designers. Those per-section padding settings are a hell to manage to achieve anything consistent. At Maestrooo, I am forcing the design team to enforce consistency and take decisions for merchants.

@a5s_s7r @kinngh @niksavvidis github.com/panoply/vscode…

@tomblanchardCSS @kinngh @niksavvidis Which one do you mean?

.@niksavvidis doesn't get enough credit for the work he's put in (and putting in) for DX in the Shopify ecosystem

🚀 For anyone interested, I've written up a blog post about my experience migrating from Scripts -> Functions and how to get started: tomblanchard.co.uk/shopify-script…

@kimurathomas Shopify + Alpine + Tailwind = ❤️

this is why alpine + tailwind is perfect for Shopify themes

I have availability from 1st Oct for Shopify projects, feel free to DM or email yo@tomblanchard.co.uk to get the ball rolling 🚀

@iamkeir @Shopify Sorry bud I have no guidance on this either

Any @shopify devs got thoughts on best use of environments/Shopify CLI? community.shopify.com/c/shopify-cli-… #shopify #CLI #howto

@adamwathan Yep - I used a bespoke Sass-compiled utility class system made by @jdlich before converting to Tailwind. I wonder how many of these custom frameworks existed pre-TW which got replaced by TW 😅

After 10+ years of trying to find an approach to CSS architecture that was productive and easy to maintain, this is what my *hand-written* CSS eventually looked like once I found something that finally worked. Did it still count as CSS then? 🤡