The concept of Fluid Typography was tossed around a couple of years ago. The main idea is that if you know what size your font is at two different viewport sizes, then you can have the font scaling smoothly between the two sizes. We had a jQuery solution for this in FitText (meant of headings, of course) until the calc() function was shipped giving us a pure CSS solution.
p {…
font-size: calc(16px + (24 - 16)*(100vw - 400px)/(800 -
The post Fun Tip: Use calc() to Change the Height of a Hero Component appeared first on CSS-Tricks.
Both a sobering and interesting read from Stacey Tay on how the team at Carousell gathered the metrics to define a performance budget and, in turn, developed a better experience for their customers:
Our new PWA listing page loads 3x faster than our old listing page. After releasing this new page, we’ve had a 63% increase in organic traffic from Indonesia, compared to our our all time-high week. Over a 3 week period, we also saw a 3x increase in …
The post How we made Carousell’s mobile web experience 3x faster appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
