Tom Blanchard

1.2K posts

Tom Blanchard banner
Tom Blanchard

Tom Blanchard

@tomblanchardCSS

Multidisciplinary developer based on the North East coast of England, specialising in crafting solutions for the Shopify platform.

Lincolnshire, UK Katılım Aralık 2012
960 Takip Edilen363 Takipçiler
Sabitlenmiş Tweet
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
Need a freelance Shopify developer? 🎨 Themes and customisations 📟 Apps 📝 Data migrations ⚙️ Custom API scripts Hire me 👇 twitter.com/messages/compo…
English
1
1
5
0
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
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…
English
1
0
4
101
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@csswizardry I absolutely hate dealing with this and it constantly comes up when I'm doing performance work. 👎
English
0
0
0
146
Harry Roberts
Harry Roberts@csswizardry·
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?!
English
21
5
122
16.1K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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.
English
1
0
0
42
Jake Casto
Jake Casto@0x15f·
Do you prefer single or multiple inputs for three options?
Jake Casto tweet mediaJake Casto tweet media
English
6
0
3
1K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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!
English
0
0
0
48
Adam Wathan
Adam Wathan@adamwathan·
Who's using Tailwind CSS v4.0 in production? 🙋🏻
English
277
10
1.1K
130.4K
Gil
Gil@gilgNYC·
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? 👀
English
42
1
62
19.9K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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 👀
English
0
0
1
49
Max Stoiber
Max Stoiber@mxstbr·
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!
tobi lutke@tobi

McMaster-Carr gets a lot of props for being fast and beautifully utilitarian. You can take this same approach on Shopify. Here is a liquid implementation of it: mcliquid.myshopify.com

English
8
4
61
9.5K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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.
English
1
0
0
34
Tom Blanchard retweetledi
Taylor Page
Taylor Page@TRPage_dev·
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
Taylor Page tweet media
English
0
1
16
624
Taylor Page
Taylor Page@TRPage_dev·
I am going to be so happy if this ever gets fixed one day 🤦‍♂️
Taylor Page tweet media
English
1
0
4
318
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
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! ✌️
Tom Blanchard tweet media
English
1
0
7
884
Tom Blanchard retweetledi
Dave Lazar
Dave Lazar@hunkybill·
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.
English
8
1
6
2.6K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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.
Tom Blanchard tweet media
English
1
0
1
85
Michaël
Michaël@mic_gallego·
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.
Michaël tweet media
English
4
0
21
1.7K
Harshdeep Singh Hura
Harshdeep Singh Hura@kinngh·
.@niksavvidis doesn't get enough credit for the work he's put in (and putting in) for DX in the Shopify ecosystem
English
1
1
9
743
Thomas
Thomas@kimurathomas·
this is why alpine + tailwind is perfect for Shopify themes
English
4
2
19
2.1K
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
I have availability from 1st Oct for Shopify projects, feel free to DM or email yo@tomblanchard.co.uk to get the ball rolling 🚀
English
0
0
0
128
Tom Blanchard
Tom Blanchard@tomblanchardCSS·
@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 😅
Tom Blanchard tweet media
English
0
0
0
87
Adam Wathan
Adam Wathan@adamwathan·
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? 🤡
Adam Wathan tweet media
English
43
20
608
178.8K