Search
What to Use Instead of Number Inputs
6.3.2020
You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...
Currying in CSS
6.3.2020
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this:
:root {
--fluid-max-negative: (1 / var(--fluid-max-ratio)...
That AlphaPoint $5.6M Funding Round? It’s a Loan
6.3.2020
The recent $5.6 million injection of capital into New York-based AlphaPoint came from bridge financing, a short-term business loan, the company confirmed to CoinDesk. But AlphaPoint would not say who made the loan or its terms
Bitcoin Gold Whale Allegedly Controls Half the BTG Supply
6.3.2020
According to a recent study, bitcoin gold (BTG) market prices are being manipulated by a single whale who holds a significant portion of the bitcoin gold in circulation. The Bitcoin Gold network was recently hit with a 51% attack that caused two blockchain reorganizations. The team of...
The 3 Laws of Serverless
6.3.2020
Burke Holland thinks that to "build applications without thinking about servers" is a pretty good way to describe serverless, but...
Nobody really thinks about servers when they are writing their code. I mean, I doubt any developer has ever thrown up their hands and said “Whoa, whoa, whoa. Wait...
JavaScript Libraries Are Almost Never Updated Once Installed
5.3.2020
Some commentary from Zack Bloom on the Cloudflare Blog, looking at requests to CDNJS for versions of jQuery.
What we don’t see is a decline in our old versions which come close to the volume of growth of new versions when they’re released. In fact the release of 3.4.1, as popular as it quickly...
What React Does (and Doesn’t Do)
5.3.2020
With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia:
React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...
How I think about solving problems
4.3.2020
Nicholas C. Zakas:
Eventually, I settled on a list of questions I would ask myself for each problem as it arose. I found that asking these questions, in order, helped me make the best decision possible:
1) Is this really a problem?2) Does the problem need to be solved?3) Does the problem need...
Considerations for Creating a Card Component
2.3.2020
Here's a Card component in React:
const Card = props ={
return(
<div className="card"<h2{props.title}</h2<p{props.content}</p</div)
}
It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...
Selectors Explained
2.3.2020
Have you ever found yourself either writing a CSS selector that winds up looking confusing as heck, or seen one while reading through someone's code? That happened to me the other day.
Here's what I wrote:
.site-footer__nav a:hover svg ellipse:first-child { }
At the end of it, I honestly couldn't...
A Picture’s Worth a Thousand Words: 18 of the Coolest Visualizations for Exploring the Bitcoin Network
1.3.2020
Analyzing and exploring the Bitcoin blockchain is always interesting, but for the more abstract thinker, several sites provide unique looks at the network, nodes, and transaction data in easy to grok, visual fashion. Some of these even border on the psychedelic or sci-fi otherworldly, taking...
When CSS Blocks
28.2.2020
Tim Kadlec:
One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready.
So you're...
Bitcoin History Part 24: Celebrating the First Halving in 2012
25.2.2020
As the third Bitcoin halvening approaches, a handful of OGs will wistfully recall the first such event, which occurred in November 2012. Back then, following the completion of block 210,000, the mining reward halved from 50 to 25 BTC. To commemorate the milestone, early adopters threw parties...
Recreating the CodePen Gutenberg Embed Block for Sanity.io
25.2.2020
Learn how to create a custom CodePen block with a preview for Sanity Studio, inspired by Chris Coyier’s implementation for Wordpress’ Gutenberg editor.
The post Recreating the CodePen Gutenberg Embed Block for Sanity.io appeared first on CSS-Tricks
Bitcoin Halving Will Drop Inflation Rate Lower Than Central Banks’ 2% Target Reference
25.2.2020
When Satoshi Nakamoto invented Bitcoin, the creator designed the protocol to be an inflationary currency, one that is predictable as bitcoin’s inflation always decreases every four years. Today, 77 days before the reward halving, BTC’s inflation rate is around 3.6% and it’s...
Gutenberging
24.2.2020
It's been over a year since the big WordPress launch of Gutenberg, the new editor. It seems to me most of the controversy around it has died down. There has been enough time that the UX and accessibility of it have improved, and people are seeing the potential a lot more clearly. There ain't...
On EOS Blockchain, Vote Buying Is Business as Usual
24.2.2020
Buying votes is a big no-no in traditional democracies, but on the world’s eighth-largest blockchain it’s become an accepted way of doing business
Get Ready for the Bitcoin Halving – Here Are 9 Countdown Clocks You Can Monitor
22.2.2020
The anticipation for the block reward halving for BTC, BCH, and BSV has been building. All three cryptocurrencies will see rewards halved from 12.5 to 6.25 coins throughout the months of April and May. The following is a comprehensive list of websites that are counting down each crypto’s...
Inspiring high school students with HTML and CSS
21.2.2020
Here’s a heartwarming post from Stephanie Stimac on her experience teaching kids the very basics of web development:
[...] the response from that class of high school students delighted me and grounded me in a way I haven't experienced before. What I view as a simple code was absolute magic...
Footnote Characters
20.2.2020
They are special superset numbers that are sometimes perfect for footnotes. Here they are:
¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹
I generally prefer to superscript the number myself, like:
<pThis next word<sup1</suphas a footnote.</p
You'd probably add an anchor link around that as well to link to an...