Search
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...
monica.css
20.2.2020
Monica Dinculescu:
I don’t want every possible padding and margin and colour and flexbox configuration in the world. I just want the ones that I know I end up using in every project. So here is monica.css: my very own CSS framework, which I copy paste at the beginning of every CSS file and take...
Centering a div That Maintains Aspect-Ratio When There’s Body Margin
18.2.2020
Andrew Welch had a little CSS challenge the other day to make an ordinary div:
• centered vertically + horizontally• scales to fit the viewport w/ a margin around it• maintains an arbitrary aspect ratio• No JS
There's a video in that tweet if it helps you visualize the challenge. I saw Paul...
Solving Sticky Hover States with @media (hover: hover)
18.2.2020
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹.
If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...
Web Component for a Code Block
18.2.2020
We'll get to that, but first, a long-winded introduction.
I'm still not in a confident place knowing a good time to use native web components. The templating isn't particularly robust, so that doesn't draw me in. There is no state management, and I like having standard ways of handling that. If...
Blame the implementation, not the technique
17.2.2020
I'm not sure we've gotten much better at this since Tim Kadlec wrote this in 2012:
Stop me if you’ve heard this one before.
“Responsive design is bad for performance.”“User agent detection is bad. Don’t segment the web.”“Hybrid apps don’t work as well as native apps.”“CSS preprocessors shouldn’t...
Listen to your web pages
16.2.2020
A clever idea from Tom Hicks combining MutationObserver (which can "observe" changes to elements like when their attributes, text, or children change) and the Web Audio API for creating sounds. Plop this code into the console on a page where you'd like to listen to essentially any DOM change...
5% of Block Rewards – Bitcoin ABC Will Add Infrastructure Funding Plan in Next Release
15.2.2020
Bitcoin ABC developers published a blog post on Saturday which discusses the miner Infrastructure Funding Plan (IFP) and the team told the community the software engineers have been “requested” to implement IFP. According to the developers, the code for IFP will be implemented in...
Tradeblock Estimates Post-Halving Mining Cost of $12,500 per BTC
15.2.2020
On February 7, the blockchain analytics provider Tradeblock published a report about the upcoming BTC reward halving. BTC’s block reward is expected to halve on or around May 12, 2020, and Tradeblock’s report estimates that the cost to mine BTC will be over $12,500 after the halving....