Sublime
An inspiration engine for ideas
No Dawn.
No Shopify CLI.
No React.
No Hydrogen.
The costs?
JS (64kb) and CSS (22kb). Shopify's required scripting that injects from {{ content_for_header }} executes on first run only and never again after that. No apps because we live in a society.... See more
Νικ Σαββιδηςx.comMade 5 tab styles without touching the original @shadcn component ✨ https://t.co/Zseuuzhkyj
Pasquale Vitiellox.comCSS Trick! ⚡️
You can create gradient borders by using transparent borders 👀 No extra elements 🤙
article {
background: // layer them up with different origin!
linear-gradient(var(--bg), var(--bg)) padding-box,
var(--gradient) border-box;___... See more
jhey ʕ•ᴥ•ʔx.comCSS Tip! 💪
You can create these tab controls with CSS :has() + radio buttons ✨
.tabs:has(input:nth-of-type(3)) { --count: 3; }
.tabs:has(:checked:nth-of-type(3)) { --active: 2; }
.tabs::after { translate: calc(var(--active, 0) * 100%) 0;
width:... See more
jhey ʕ•ᴥ•ʔx.comHow to create a customizable 'flipped' border-radius in CSS ↓ https://t.co/gMunU84ByO
Sebastiano Guerrierox.com

