Search
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...
Top 3 Mistakes Crypto Derivatives Traders Make
25.3.2020
Derivatives trading has taken the crypto world by storm. As a matter of fact, the open interest of Bitcoin futuresContinue Reading
The post Top 3 Mistakes Crypto Derivatives Traders Make appeared first on CoinMarketCap Blog
"What You Said" (Mar. 23), a Weekly Round-Up of Sentiments From the Community
24.3.2020
Hey CoinMarketCap fam! Welcome back to another week’s edition of “What You Said”! Here you will see fun polls conductedContinue Reading
The post "What You Said" (Mar. 23), a Weekly Round-Up of Sentiments From the Community appeared first on CoinMarketCap Blog
CSS :nth-of-class selector
23.3.2020
That's not a thing.
But it kinda is!
Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former:
:nth-child(2 of .bar) { }
Safari...
CSS Can Influence Screenreaders
23.3.2020
Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on a button label that says "Add" and read it like an abbreviation, "A.D.D."
These cases of CSS messing with our screenreader...
Flexible Repeating SVG Masks
22.3.2020
Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing.
CodePen Embed Fallback
Direct Link to Article — Permalink… Read article...
Client-Side Image Editing on Mobile
20.3.2020
Michael Scharnagl:
Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that.
For this I used the Service Worker way to handle the data. Once the data is received on the client,...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
BitWise’s CEO on the Principles for Deciding Whether to Enter Crypto
20.3.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 BitWise’s CEO on the Principles for Deciding Whether to Enter Crypto appeared first on CoinMarketCap Blog
DeFi on Bitcoin: The Time Has Come for Decentralized Finance to Run on top of Bitcoin´s Network
18.3.2020
The main aim behind DeFi (decentralized finance) is to create a financial service ecosystem that’s open-source, permissionless, transparent and functioningContinue Reading
The post DeFi on Bitcoin: The Time Has Come for Decentralized Finance to Run on top of Bitcoin´s Network appeared first...
Flexbox and absolute positioning
18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it.
It's odd...
Ideas for Distorted Link Effects on Menus
18.3.2020
Some examples of how to use decorative distortion effects on big typography menu links.
Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops
A Guide to Bitcoin Halving, and What To Expect in 2020
18.3.2020
The next bitcoin halving is almost here. The event is set to occur in mid-May of this year and willContinue Reading
The post A Guide to Bitcoin Halving, and What To Expect in 2020 appeared first on CoinMarketCap Blog
How to Create a “Skip to Content” Link
17.3.2020
Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often hidden from view and used as an accessibility enhancement that lets keyboard users and screen readers jump from the top of the page to...
15 Things to Improve Your Website Accessibility
17.3.2020
This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together.
Here's a little one that prodded me to finally fix...
Most screen readers allow the user to quickly see a list of links...
CoinMarketCap Expands Ratings and On-chain Data on Site With New Partners
17.3.2020
We just launched our on-site partnership with Crypto Briefing, TokenInsight and IntoTheBlock to provide data on cryptoasset ratings and on-chainContinue Reading
The post CoinMarketCap Expands Ratings and On-chain Data on Site With New Partners appeared first on CoinMarketCap Blog
"What You Said" (Mar. 16), a Weekly Round-Up of Sentiments From the Community
17.3.2020
CoinMarketCap crew! Welcome back to another week’s edition of “What You Said”! Here you will see fun polls conducted forContinue Reading
The post "What You Said" (Mar. 16), a Weekly Round-Up of Sentiments From the Community appeared first on CoinMarketCap Blog
CSS X
17.3.2020
My name appears in an article from Bert Bos (co-author of the original CSS spec), so I'll consider that a life accomplishment. Berts makes the point that CSS has evolved and the working group versions things, but the working group hasn't been and doesn't really plan to be involved in these...
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
Using the HTML title attribute
15.3.2020
Steve Faulkner:
User groups not well served by use of the title attribute
• Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments.
Sounds like in 2020, the only useful thing the title...