Search
How to Get Sticky and Full-Bleed Elements to Play Well Together
4.12.2020
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top. This ended up being rather tricky to pull off so I’m documenting it here in case anyone needs to re-create this same effect. Part of the trickiness was dealing with logical...
Full Bleed
15.10.2020
We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques.
Perhaps my favorite is this little utility class:
.full-width {
width: 100vw;
position:...
Collective #626
8.10.2020
With Code * CSS Grid full-bleed layout tutorial * Why Tailwind CSS * CSS Variables 101
The post Collective #626 appeared first on Codrops
Bitcoin Ups Its Dominance As Altcoins Bleed More, Led by DeFi Tokens
2.9.2020
The crypto market has intensified its correction today, sending the total market capitalization down by more than 6%, to USD 371bn, while the majority of top altcoins dropped against bitcoin (BTC).
BTC itself lost 5% in a day and is trading at USD 11,328 (UTC 17:15). The price is also down by 1.5%...
Bitcoin Dives, Erasing All Weekly Gains, Altcoins Bleed Too
10.5.2020
In a sudden move in early Sunday hours (UTC time), bitcoin (BTC) price crashed around 10%, leaving traders perplexed. In the top 10, all coins, except tezos (XTZ), are down in double-digits.
At pixel time (04:50 UTC), BTC trades at c. USD 8,534 and is down by 13% in a day, erasing all weekly gains...
CSS Viewport Units
26.3.2020
Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should.
I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...
Panic Attack: Bitcoin Crashes to USD 6,000, Altcoins Bleed More
12.3.2020
The downturn in the crypto market just accelerated.
As of press time on Thursday (10:50 UTC), bitcoin traded at USD 6,000, down more than 15% over the past 24 hours. The move occurred amidst erratic trading in digital assets, with price reaching as low as the USD 5,500 level before recovering.
The...
Bitcoin Price Tumbles Below USD 6.7K, Major Altcoins Bleed More
25.11.2019
After trading sideways during the weekend, the most popular cryptocurrency, bitcoin (BTC) took another hit in the early hours on Monday (UTC time), dropping below USD 6,700.
At pixel time (05:23 UTC), trades at c. USD 6,682. It's down by 7% in the past 24 hous and by 22% in the past week...
Bitcoin and Altcoins Could Continue to Bleed
29.8.2019
In the past two days, we discussed the chances of more downsides in bitcoin price below the USD 10,000 support level. BTC/USD did decline recently and broke a few important supports near the USD 10,000 and USD 9,750 levels. More importantly, there were strong bearish moves in most major altcoins...
Bitcoin Primed for More Gains Whereas Altcoins Bleed
10.7.2019
After yesterday’s rise, bitcoin price extended gains above the USD 12,500 and USD 12,800 resistance levels. BTC/USD even broke the USD 13,000 resistance and traded close to the USD 13,150 level. On the other hand, most major altcoins, including ethereum, ripple, bitcoin cash, EOS, litecoin,...
Animate a Blob of Text with SVG and Text Clipping
6.2.2019
I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize it! In it, a block of text appears to bleed into view with a swirl of colors, then goes out the same way it came in. It’s a slick effect and...