Una 🇺🇦

31.2K posts

Una 🇺🇦 banner
Una 🇺🇦

Una 🇺🇦

@Una

Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f

Brooklyn, NY Katılım Kasım 2008
1.4K Takip Edilen88K Takipçiler
Una 🇺🇦 retweetledi
Joey Arhar
Joey Arhar@JosephArhar·
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts?
GIF
English
13
11
63
4.9K
Una 🇺🇦
Una 🇺🇦@Una·
@ilekroc @Shopify You have to be able to limit it to a point. I.e. you can only order by quarters or by halves, and let the store owner manage the increment. Probably the smallest possible should be tenths.
English
0
0
0
313
ilekroc
ilekroc@ilekroc·
@Una @Shopify What if someone ordered 0.39 or 0.01 or 0.99? Same goes for fractions - is 11/29 acceptable? How do you define boundaries for the values? I can try to make it work but it's not as straight forward to set up the validation as with integers
English
1
0
0
381
Una 🇺🇦
Una 🇺🇦@Una·
Does anyone @Shopify know why you can't sell things in fractions (i.e. 0.5, 0.25)? Seems like a basic platform feature but apparently the only way to do this is via paid apps that are expensive and don't work well. The fabric/sewing community is very upset about this. WHY is this an issue?
English
17
1
54
30.3K
Una 🇺🇦
Una 🇺🇦@Una·
@beyarkay Computers are BUILT for math! I don’t accept this reason 😆
English
0
0
4
1.4K
Boyd Kane is in London
Boyd Kane is in London@beyarkay·
The answer, unfortunately, is that computers are bad at math and don't like fractions
Una 🇺🇦@Una

Does anyone @Shopify know why you can't sell things in fractions (i.e. 0.5, 0.25)? Seems like a basic platform feature but apparently the only way to do this is via paid apps that are expensive and don't work well. The fabric/sewing community is very upset about this. WHY is this an issue?

English
2
0
1
2.3K
Ross McKinley
Ross McKinley@wrossmck·
@Una @RohitPaulK @Shopify Store owners can simply charge $10 per 1/3rd of a yard. Or $10 per quarter yard, or any other unit. It just means that if you buy "2" of them it's no longer 2 yards, it's 2 units (so maybe 2/3 or 2/10 or whatever other unit)
English
1
0
0
330
Una 🇺🇦
Una 🇺🇦@Una·
@gilgNYC @Shopify This also can look weird in the cart. And the pricing feels deceptive too. Again, not an ideal user experience. And feels like a problem that should be solved (IMO)
English
1
0
1
664
Una 🇺🇦
Una 🇺🇦@Una·
@gilgNYC @Shopify That system isn’t ideal but it’s what I’ve seen on some stores. It leaves the onus on the buyer to do the math. What if they want 2.5 yards? They need to then do the mental math to enter the correct quantity of 10?
English
2
0
5
1.6K
Una 🇺🇦
Una 🇺🇦@Una·
@se_nadir @Shopify This is the kind of thing I feel like AI could really help with (i.e. updating the codebase to enable 1/4 increments as an option)
English
4
0
2
975
Nadir Seghir
Nadir Seghir@se_nadir·
@Una @Shopify Not on Shopify but this is something we’re struggling to build in WooCommerce simply because stock management and a lot of code depend on quantity being multiple of 1
English
1
0
3
1.1K
Una 🇺🇦
Una 🇺🇦@Una·
Yeah some stores do this but it’s not always super clear. I.e if they say in the fine print that the amount is for 1/3 of a yard and I order 2. If I didn’t catch the fine print I would expect 2 yards and only 2/3 shows up (already cut) which can be frustrating. The price could be $9 for that 1/3 but it’s not unusual to buy whole yards for $9, just as it isn’t unusual to buy them for $27.
English
0
0
1
1.7K
Dan
Dan@BoilerDawg·
@Una @Shopify Couldn’t you price things by the inch, and round the yard based order up to the nearest 1/36th of a yard (ie. nearest full inch)?
English
1
0
0
1.3K
Una 🇺🇦
Una 🇺🇦@Una·
@RohitPaulK @Shopify This is particularly in the dialog because the biggest fabric store chain in the US (JoAnne Fabrics) closed recently and folks have turned more to online shopping. (So no, not satire)
English
0
0
2
369
Una 🇺🇦
Una 🇺🇦@Una·
Yes which sucks if you want to buy things like fabric because each unit (yard) can be like $30/yard. If you need 1.2 yards you're paying $24 extra for volume you don't need. This frustrates consumers who feel store owners are just money-grabbing, but I recently learned that's not why, and the store owners feel like their hands are tied.
English
2
0
8
2.1K
Una 🇺🇦 retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
📝 New CSS Article! I wrote about border-shape. A super powerful feature! You might think I'm exaggerating but I am not. css-tricks.com/get-ready-for-… This is just a tiny overview of its potential. Stay tuned for more articles/demos that will blow your mind!
English
1
11
41
2.8K
Adrian Marin 🥑 avohq.io
Adrian Marin 🥑 avohq.io@adrianthedev·
I used to love to watch these kinds of videos where experienced devs would show off new technologies and patterns. I fell that I don't do it that much, but also the whole industry. youtube.com/watch?v=8FSLsV…
YouTube video
YouTube
English
3
2
7
804
Una 🇺🇦 retweetledi
Edgar Navarro
Edgar Navarro@ByEdgarNavarro·
Hey Designers! This talk by @Una on modern UI patterns for a better user experience on the web during CSS Day 2026 is definitely worth watching.⭐️ youtu.be/8FSLsVAJj2w?si…
YouTube video
YouTube
English
0
2
14
2.3K
Una 🇺🇦
Una 🇺🇦@Una·
Because there were about three years of arguments and discussions about the contrast algorithm to use and ultimately it landed on WCAG2, which nobody even likes because it doesn’t work well for mid tones. But with an asterisk that developers will be able to choose the contrast algorithm in the future, but it’s not really defined yet
English
1
0
2
28
Cj
Cj@cjaythecreator·
@kentcdodds @Una How come light-dark() took so long to make it into CSS? It’s the most important feature for any business out there 😎
English
1
0
1
56
Una 🇺🇦
Una 🇺🇦@Una·
@emonadeo That would mean you're self-managing locally instead of leveraging color-scheme/OS preferences. I do this on my site now and I actually hate it/want to rip it out
English
1
0
1
61
Emanuel Pilz
Emanuel Pilz@emonadeo·
@Una One thing I would probably add is to persist the state across reloads and multiple pages using localStorage unless there is a prettier way to solve this.
English
1
0
0
73
Una 🇺🇦
Una 🇺🇦@Una·
With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - register a custom property - light-dark() to style based on color-scheme - contrast-color() to auto-pick black or white for foreground text on any background - style queries to branch into custom color pallets based on contrast-color Some other fun tricks in here too like using light-dark() with transparent to swap between shadows and glowy borders Blog post ⬇️⬇️
Una 🇺🇦 tweet media
English
2
8
101
5.5K

Keşfet

@ilekroc @Shopify @beyarkay @wrossmck @RohitPaulK @gilgNYC @se_nadir @ptlacloz