Search
Recreating MDN’s Truncated Text Effect
28.7.2022
It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those gems is how card components handle truncated …
Recreating MDN’s Truncated Text Effect originally published...
Text-overflow: ellipsis considered harmful
30.6.2022
Eric Eggert:
There are a few legitimate use cases for this technique. For example, you might have a table with titles and descriptions. To preserve more space for the title, you constrain the description to one line on small
…
Text-overflow: ellipsis considered harmful originally...
Clipping Scrollable Areas On The inline-start Side
19.2.2021
On a default left-to-right web page, “hanging” an element off the right side of the page (e.g. position: absolute; right: -100px;) triggers a horizontal scrollbar that scrolls as far as needed to make that whole element visible. But if …
The post Clipping Scrollable Areas On...
A “new direction” in the struggle against rightward scrolling
21.5.2020
You know those times you get a horizontal scrollbar when accidentally placing an element off the right edge of the browser window? It might be a menu that slides in or the like. Sometimes we to overflow-x: hidden; on the body to fix that, but that can sometimes wreck stuff like position:...
Crypto Exchange Model Disruptor FCoin Reports 'Severe' Damages, Data Loss
13.2.2020
Source: iStock/traffic_analyzer
Something is happening over at FCoin, a Chinese crypto exchange, and it resulted in the mysterious case of missing data. Meanwhile, the exchange opened a withdrawal process.
FCoin was founded by the former CEO of Huobi exchange, Zhang Jian. It's said to be...
Overflow And Data Loss In CSS
17.9.2019
"Data Loss" is a funny term. My brain thinks of like packet loss on the way from the server to your browser, resulting in missing content in files. Perhaps it is that on some level, but in CSS parlance, it has to do with the overflow property. Too much content for sized container + hidden overflow...
Collective #546
5.9.2019
Ackee * Webpack Boilerplate * O-GL * Email Love * Bitmelo * Overflow And Data Loss In CSS
Collective #546 was written by Pedro Botelho and published on Codrops