Search
AVIF has landed
8.9.2020
Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it.
This will be easier if you’ve abstracted your...
Working with JavaScript Media Queries
7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
body {
background-color: plum;
}
@media (min-width: 768px) {
body {
background-color: tomato;
}
}
CSS media queries are a core ingredient in any responsive...
Batman ovládl navigaci Waze. Natočili jsme ho v akci a je to docela legrace, podívejte se
5.9.2020
Using @property for CSS Custom Properties
3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string.
So rather than something like this:
html {
--stop: 50%;
}
…can be declared with more details like this:
@property --stop {
syntax:...
Excluding Emojis From Transparent Text Clipping
2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient.
😍
Pretty neat, right? And the trick isn’t all that complicated. On hover…
give the link a linear...
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
Leading-Trim: The Future of Digital Typesetting
21.8.2020
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec.
You’d use...
Report: Bitcoin Untied from the Economic Cycle, ‘Largely Uncorrelated to Other Asset Classes’
19.8.2020
On Tuesday, Coinshares Investment strategist James Butterfill published a report which shows that bitcoin is a unique asset, but is “largely uncorrelated to other asset classes” like commodities and traditional stocks. Coinshares Investment strategist James Butterfill published a...
Practical Use Cases for JavaScript’s closest() Method
12.8.2020
Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s look at this HTML for instance:
<div data-id="123"<buttonClick me</button</div
That’s pretty straightforward, right? Say...
New York Regulator Fast-Tracks 10 Cryptocurrencies
8.8.2020
The New York State Department of Financial Services has created a Greenlist of pre-approved cryptocurrencies for custody service and listing. Meanwhile, crypto-friendly SEC Commissioner Hester Peirce, also known as Crypto Mom, has been confirmed for another term at the commission....
More Control Over CSS Borders With background-image
7.8.2020
You can make a typical CSS border dashed or dotted. For example:
.box {
border: 1px dashed black;
border: 3px dotted red;
}
You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation!...
What does 100% mean in CSS?
7.8.2020
When using percentage values in CSS like this…
.element {
margin-top: 40%;
}
…what does that % value mean here? What is it a percentage of? There’ve been so many times when I’ll be using percentages and something weird happens. I typically shrug, change the value to something else...
Single Miner Reorgs Ethereum Classic – Devs Report a Chain Split
1.8.2020
Members of the Ethereum Classic team reported that the network suffered a reorganization (reorg) today. The blockchain network is asking service providers to halt deposits while it carries out maintenance of the chain. The latest event follows a similar attack in January 2019, which led to some...
SVG Title vs. HTML Title Attribute
30.7.2020
You know the title attribute? I can do this:
<div title="The Title"I'm a div with a `title`
</div
And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get…
Which, uh, I guess is something. I sometimes use it for things like putting...
5 Years In, Ethereum Network Growth Echoes Nvidia’s Pre-2016 Bull Run
30.7.2020
The Ethereum network appears to be following the likes of Nvidia and other tech sector giants whose use case and growth strategy model evolved over time
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...