jcayzac
Explore posts from serversKPCKevin Powell - Community
•Created by jcayzac on 8/14/2024 in #front-end
What `rel` value for miscellaneous feeds?
(they had no problem understanding the context and weren't blaming their shortcomings on somebody else)
6 replies
KPCKevin Powell - Community
•Created by jcayzac on 8/14/2024 in #front-end
What `rel` value for miscellaneous feeds?
Thanks. I posted the same thing on Reddit and got helpful answers there.
6 replies
KPCKevin Powell - Community
•Created by jcayzac on 8/9/2024 in #front-end
MPA element view transitions that don't animate forward?
Not really
3 replies
KPCKevin Powell - Community
•Created by jcayzac on 8/2/2024 in #front-end
Is 'sizes' required when using w in 'srcset' ?
It's ironic that the Mozilla documentation is wrong only for the Mozilla browser 🙂
4 replies
KPCKevin Powell - Community
•Created by jcayzac on 8/2/2024 in #front-end
Is 'sizes' required when using w in 'srcset' ?
Ohhh picking the right image in the absence of
sizes is a firefox-only thing, apparently 😮4 replies
KPCKevin Powell - Community
•Created by jcayzac on 8/2/2024 in #front-end
Is 'sizes' required when using w in 'srcset' ?
I can see
currentSrc change by manually querying it in devtools, so the browser doesn't ignore the srcset as MDN claims it does.
But whether I set img.onload or a mutation observer on currentSrc, I don't get any event 😦4 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
don't mind me, then
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
I asked a simple technical question and you're here trolling me. you have nothing better to do?
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
for a dozen glyphs used by a heading?
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
I believe it doesn't have to. Using the subset inline SVG font technique in my original post for instance avoids FOUT completely while not render-blocking
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
preloading, using
expect or any other form of render blocking is bad for performance.31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
All good advice found everywhere but not helping with my question.
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
I'm asking exactly how to avoid that.
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
Yes,
font-display: swap == FOUT31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
I've inlined all my stylesheets and FOUT happens.
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
But even using inline css for all the above-the-fold content, web fonts load asynchronously, no?
31 replies
KPCKevin Powell - Community
•Created by yanelysmena on 7/29/2024 in #front-end
React --> One horizontal scroll bar to handle a multi-div timeline
Maybe something where the columns use
position: sticky with multi-side anchoring and the anchors' offset is computed so that there's no scrolling in either column and it only scrolls using the container's scrollbar?
No concrete solution, sorry, just throwing some idea.3 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
Then the content uses the chain
<final web font>, <inline subsetted svg font for critical content only>, <fallbacks…>31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
FOUT
Or actually just render the title as SVG instead of text (+ aria-label) ? But then it won't wrap, so I guess SVG fonts are better…
31 replies
KPCKevin Powell - Community
•Created by jcayzac on 7/29/2024 in #front-end
Tailwind Typography's weird values
ahh I get it, it's for nesting
11 replies