Search
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...
Bitcoin Fees Drop But Still Remain Far From the Pre-Halving Level
26.5.2020
After two weeks of soaring, Bitcoin (BTC) fees' flight to new highs seems to be over, at least for now, descending more than 50%.
Bitcoin fees started rising after the reduction of the miners' reward on May 11, surprising even the industry insiders and reaching new, 'ridiculous' highs this year....
Flexbox-like “just put elements in a row” with CSS grid
21.5.2020
It occurred to me while we were talking about flexbox and gap that one reason we sometimes reach for flexbox is to chuck some boxes in a row and space them out a little.
My brain still reaches for flexbox in that situation, and with gap, it probably will continue to do so. It’s worth noting...
Accel, Coinbase Join $17M Pre-Seed Round for Institutional Crypto Trading Firm FalconX
18.5.2020
The crypto trading firm pitched investors on the basis that its best trade execution platform offers institutions a solution to the wash trading that is rife in the space
WTF is a Static API
15.5.2020
Just like there is a movement to make more websites (and more of websites) from pre-rendered static files (Jamstack), so to might we consider moving content-based APIs to be static. Sean C Davis:
A static API is simply a collection of flat JSON files that live on a content delivery...
Equal Width Columns in CSS Grid are Kinda Weird
14.5.2020
Everything is flexible these days. If you write grid-template-columns: 200px 200px 200px;, sure, you’d have equal-width columns, but that’s a rare day. What you usually mean is three columns of equal fluid width.
We’ve got fractional units for that, like grid-template-columns:...
Pseudo-elements in the Web Animations API
14.5.2020
To use the Web Animations API (e.g. el.animate()) you need a reference to a DOM element to target. So, how do you use it on pseudo-elements, which don’t really offer a direct reference? Dan Wilson covers a (newish?) part of the API itself:
const logo...
Using CSS Masks to Create Jagged Edges
12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image.
Looking sharp… in more ways than one.
It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...
How I Put the Scroll Percentage in the Browser Title Bar
12.5.2020
Some nice trickery from Knut Melvær.
Ultimately the trick boils down to figuring out how far you’ve scrolled on the page and changing the title to show it, like:
document.title = `${percent}% ${post.title}`
Knut’s trick assumes React and installing an additional library. I’m sure...
min(), max(), and clamp() are CSS magic!
12.5.2020
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length.
Sometimes pretty basic usage...
$270M in Longs Liquidated as Pre-Halving Hype Backfires
10.5.2020
98% of liquidations on BitMEX yesterday were long positions, indicating over-exuberant pre-halving bullishness at $10,000
Chromium lands Flexbox gap
9.5.2020
I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means:
.flex-parent {
display: flex;
gap: 1rem;
}
.flex-child {
flex: 1;
}
That’s excellent...
Bitcoin Pre-Halving Hash Rate Volatility to Shake Up the Mining Sector
8.5.2020
As the halving approaches, Bitcoin’s hash rate sees major volatility. So what does it mean, exactly?
Meet Ideaology – All in One Blockchain Solution
6.5.2020
DUBAI, UAE, 8th May (Friday) Time: 10 AM New York, NY, USA (GMT-4) ‘MEET IDEAOLOGY’ webconference is looking for you The exclusive, pre-launch presentation for the top crypto people In an effort to make top-shelf blockchain partnerships before their Initial Coin Offering is launched, Ideaology...
`lh` and `rlh` units
5.5.2020
There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the <html> element) rather than the current element.
Why would that...
No-Comma Color Functions in CSS
4.5.2020
There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit more clear. Before, every single color function actually needs two functions, one for transparency and one without, this eliminates that need...
Bitcoin Price Yearly Average Nears All-Time High Above 9K Pre-Halving
2.5.2020
The yearly average for BTC/USD is circling $9,000 for only the second time in history amid bullish halving sentiment
Bitcoin Soars to Pre-Crash Levels, Breaks Above Key Technical Barrier
29.4.2020
The price of bitcoin (BTC) is once again seeing strong gains in the crypto market today, after soaring to levels not seen since before crypto’s “Black Thursday” on March 12, and again positioning the asset above a key technical level in the chart.
As of press time (11:40 UTC), bitcoin is up...
Bitcoin Pre-Halving Price Rally Continues to $8K With New Higher High
29.4.2020
Bitcoin price is drawing closer to a crucial level near $8,000
How to Redirect a Search Form to a Site-Scoped Google Search
29.4.2020
This is just a tiny little trick that might be helpful on a site where you don’t have the time or desire to build out a really good on-site search solution. Google.com itself can perform searches scoped to one particular site. The trick is getting people there using that special syntax...