Search
Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools
5.6.2020
It’s useful when DevTools tells you that a declaration is invalid. For example, colr: red; isn’t valid because colr isn’t a valid property. Likewise color: rd; isn’t valid because rd isn’t a valid value. For the most part, a browser’s DevTools shows...
CoinMarketCap Wraps Up First Phase of Exchange Ranking Algorithm Change
4.6.2020
Following the last exchange ranking update on May 14, we have just implemented a new algorithm to replace the previousContinue Reading
The post CoinMarketCap Wraps Up First Phase of Exchange Ranking Algorithm Change appeared first on CoinMarketCap Blog
Adding CSS to a Page via HTTP Headers
4.6.2020
Only Firefox supports it, but if you return a request with a header like this:
Header add Link "<style.css;rel=stylesheet;media=all"
…that will link to that stylesheet without you having to do it in the HTML. Louis Lazaris digs into it:
[…] the only thing I can think of that could...
On fixed elements and backgrounds
3.6.2020
After just playing with apsect-ratio and being pleasantly surprised at how intuitive it is, here’s an example of CSS acting unintuitively:
If you have a fixed element on your page, which means it doesn’t move when you scroll, you might realise that it no longer acts fixed if you apply a...
This Week in Crypto: A Data Perspective
3.6.2020
Powered by In yet another volatile week for crypto, interesting patterns are emerging in the on-chain activity of some ofContinue Reading
The post This Week in Crypto: A Data Perspective appeared first on CoinMarketCap Blog
Behind the Source: Cassie Evans
3.6.2020
I feel like the tech industry takes itself far too seriously sometimes. I get frustrated by all the posturing and gatekeeping – “You’re not a real developer unless you use x framework”, “CSS isn’t a real programming language”.
I think this kind of rhetoric often puts new developers off,...
Overlapping Header with CSS Grid
1.6.2020
Snook shows off a classic design with an oversized header up top, and a content area that is “pulled up” into that header area. My mind goes to the same place:
Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom...
10 Things to Know Before Buying Your First Bitcoin
1.6.2020
Bitcoin is more prominent than ever. Since its inception in 2009, the cryptocurrency has exploded in popularity, becoming something ofContinue Reading
The post 10 Things to Know Before Buying Your First Bitcoin appeared first on CoinMarketCap Blog
Tim Draper on the Myth of Volatility: One Bitcoin Is Only Ever One Bitcoin
31.5.2020
“Crypto Titans” is a series of personal interviews conducted by CoinMarketCap with prominent and forward-thinking minds tinkering on and behindContinue Reading
The post Tim Draper on the Myth of Volatility: One Bitcoin Is Only Ever One Bitcoin appeared first on CoinMarketCap Blog
Global CSS options with custom properties
30.5.2020
With a preprocessor, like Sass, building a logical “do this or don’t” setting is fairly straightforward:
$option: false;
@mixin doThing {
@if $option {
do-thing: yep;
}
}
.el {
@include doThing;
}
Can we do that in native CSS with custom properties? Mark Otto shows...
CoinMarketCap Revamps Market Pairs Ranking to Empower Users Against Volume Inflation
29.5.2020
Volume inflation has been a problem in the cryptocurrency space since 2018, with exchanges reporting inflated trading volumes to giveContinue Reading
The post CoinMarketCap Revamps Market Pairs Ranking to Empower Users Against Volume Inflation appeared first on CoinMarketCap Blog
How to Crypto in Coronavirus Times, With the Help of the CoinMarketCap App
29.5.2020
If you’ve joined the crypto community for more than a week, you might have realized that building, holding and educatingContinue Reading
The post How to Crypto in Coronavirus Times, With the Help of the CoinMarketCap App appeared first on CoinMarketCap Blog
Why we at $FAMOUS_COMPANY Switched to $HYPED_TECHNOLOGY
29.5.2020
Too funny:
After careful consideration, we settled on rearchitecting our platform to use $FLASHY_LANGUAGE and $HYPED_TECHNOLOGY. Not only is $FLASHY_LANGUAGE popular according to the Stack Overflow developer survey, it’s also cross platform; we’re using it to reimplement our mobile apps as well....
PureCSS Gaze
28.5.2020
Diana Smith with another mind-bending all HTML & CSS painting.
I love that these occupy a special place on the “Should I draw this in CSS?” curve. Things like simple shapes are definitely on the “yes” side of the curve. Then there’s a large valley where things...
The Many Bad (and Good!) Patterns for Close Buttons
27.5.2020
Manuel Matuzović details 10 bad HTML patterns for a close button. You know, stuff like this:
<a class="close" onclick="close()"×</a
Why is that bad? There is no href there, so it really isn’t a link (close buttons aren’t links). Not to mention the missing href makes this...
Responsive web design turns ten.
27.5.2020
Ethan on the thinking and research that inspired the term:
Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people would move them apart for a...
Responsive web design turns ten.
27.5.2020
Ethan on the thinking and research that inspired the term:
Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people...
This Week in Crypto: A Data Perspective
27.5.2020
Powered by In this new format, IntoTheBlock will be looking at key weekly developments in the crypto space from aContinue Reading
The post This Week in Crypto: A Data Perspective appeared first on CoinMarketCap Blog
CSS Tips for New Devs
27.5.2020
Amber Wilson has some CSS Tips for New Devs, like:
It’s not a good idea to fix shortcomings in your HTML with CSS. Fix your HTML first!
And…
You can change CSS right in your browser’s DevTools (to open them, right-click the browser window and choose “inspect”...
Framer Web
26.5.2020
The prototyping app Framer just launched the web version of their design tool and it looks pretty darn neat. I particularly love the design of the marketing site that explains how to use Framer and what sets it apart from other design tools. They have a ton of examples that you can pop open...