Search
How to use CSS Scroll Snap
27.3.2020
Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance.
I like Max Kohler's coverage...
Emergency Website Kit
27.3.2020
Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes:
In cases of emergency, many organizations need...
The Impact of Blockchain on AB Testing and CRMs
27.3.2020
Companies who have deployed blockchain technology to optimize their business operations could have a distinct advantage over those reliant on traditionalContinue Reading
The post The Impact of Blockchain on AB Testing and CRMs appeared first on CoinMarketCap Blog
Maintaining Performance
27.3.2020
Real talk from Dave:
I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...
Top 3 Crypto Mining Pool Founder Speaks on the ‘Wins’ of Working in Hardware
27.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 Top 3 Crypto Mining Pool Founder Speaks on the ‘Wins’ of Working in Hardware appeared first on CoinMarketCap Blog
Get Static
26.3.2020
In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public:
If you are in charge of a web site that provides even slightly important information, or important services, it’s time to...
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...