Search
Getting the Most Out of Variable Fonts on Google Fonts
30.7.2020
I have spent the past several years working (alongside a bunch of super talented people) on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!
Wanna try it out super fast? Here’s the embed code to use the full Recursive variable font family from Google...
Accordion Rows in CSS Grid
23.7.2020
I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this:
grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content);
That way, if...
Ethereum Whales Send Exchanges $182M in ‘Likely Pre-Pump Positioning’
23.7.2020
Volatility is firmly on the radar as non-exchange balances suddenly decline by 700,000 ETH within just three days and resistance topples
How Bitcoin Allows Cloudbet to Offer the Fairest Odds in Soccer
20.7.2020
One crypto sportsbook is using the English Premier League’s return to demonstrate how blockchain technology helps it to offer customers fairer prices to maximise their winnings. Cloudbet, the pioneering bitcoin operator, recently announced that for each remaining game in the EPL season, it would...
Report Shows Bitcoin’s Covid-19 Recovery Stronger Than Other Markets With Zero Intervention
17.7.2020
The response to the Covid-19 pandemic has been ruthless on the global economy and during the last six months, traditional stocks and commodities have felt extreme market volatility. Coinshares published a comprehensive report this week in regard to how bitcoin performed during the coronavirus...
Backdrop Filter effect with CSS
16.7.2020
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter.
The approach? Easy peasy:
.container {
backdrop-filter: blur(10px);
}
The...
Bitcoin 90-Day Active Supply Soars to Pre-2017 Bull Run Level: Report
3.7.2020
An on-chain metric which has been declining since 2017 is now signaling a bullish trend, analysts from Stack Funds say
Responsive Styling Using Attribute Selectors
30.6.2020
One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context.
<div class="span-12"</div<!-- we want this for small screens --<div class="span-6"</div<!-- we want this for medium screens --<div...
Hide Scrollbars During an Animation
24.6.2020
CSS still can’t animate to auto dimensions.
.dropdown {
transition: 0.2s;
height: 0;
}
.dropdown.open {
/* the height will change, but it won't animate. */
height: auto;
}
There is JavaScript trickery you can try. Brandon Smith outlined several techniques here a little while back....
Bitcoin ‘Realized Cap’ Hits New High Similar to Pre-March $3K Crash
19.6.2020
The realized cap of Bitcoin hit an all-time high just like in February 2020 when BTC price marked a local top
LingoJam
17.6.2020
I’ll sometimes search the web for something like “Small Text Generator” knowing there will be some website that will turn some dumb thing I want to type like:
Uhm hi when is that meeting again?
into something fun like…
ᵁʰᵐ ʰᶦ ʷʰᵉⁿ ᶦˢ ᵗʰᵃᵗ ᵐᵉᵉᵗᶦⁿᵍ ᵃᵍᵃᶦⁿˀ
Important note about...
BTC Transaction Fees Drop to Pre-Halving Level
15.6.2020
After a peak in transaction fees on the Bitcoin (BTC) network was seen less than a month ago, the fee paid to miners for processing transactions is now back at levels seen in April, a time well before the third halving in May.
On Sunday, June 14, the median BTC transaction fee was USD 0.205, or...
Baseline Co-Founder Says Crypto Is 'Pre-CompuServe' an Still in Its Early Days
15.6.2020
The co-founder of the Baseline Protocol believes that crypto is still 15–20 years away from finding significant mainstream adoption
On Adding IDs to Headers
11.6.2020
Here’s a two-second review. If an element has an ID, you can link to it with natural browser behavior. It’s great if headings have them, because it’s often useful to link directly to a specific section of content.
<h3 id="step-2"Step 2</a
Should I be so inclined, I could...
How to Reverse CSS Custom Counters
11.6.2020
I needed a numbered list of blog posts to be listed with the last/high first and going down from there. Like this:
5. Post Title
4. Post Title
3. Post Title
2. Post Title
1. Post Title
But the above is just text. I wanted to do this with a semantic <ol> element.
The easy way
This can...
The Trickery it Takes to Create eBook-Like Text Columns
8.6.2020
There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...
How to Get All Custom Properties on a Page in JavaScript
8.6.2020
We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with JavaScript. To review, let’s say we’ve declared a single custom property on the HTML element:
html {
--color-accent: #00eb9b;
}
In JavaScript...
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...
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...
Bitwage and Gemini Partner to Launch Bitcoin-Based Retirement Plan for Employees
27.5.2020
Cryptocurrency payroll service Bitwage has announced the launch of a Bitcoin 401 (k) plan, allowing companies to give their employees a BTC-based retirement plan. In a press statement, Bitwage, which claims to have tested the product on its own employees for 10 months, said workers now have...