Search
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....
The Unseen Performance Costs of Modern CSS-in-JS Libraries
13.2.2020
This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice:
Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...
A Headless CMS for You and Your Web Development Agency
13.2.2020
(This is a sponsored post.)
Storyblok is a headless but component-based CMS with a built-in live-preview. You can use it for building fast and reliable websites and power native apps with your favorite technology.
Let us start with the basics and what a headless CMS is:
A headless content...
Beta Voice of EOS Developer Block.one Is Not for Everyone Yet
13.2.2020
Block.one CTO Dan Larimer during the announcement of Voice in June 2019. Tomorrow, Block.one, the company behind the EOS blockchain platform, will be launching the beta version of their decentralized social media platform, Voice. It comes with limitations though.
As promised back in December, Voice...