Search
New in Chrome: CSS Overview
1.7.2020
Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations… even down to the total number of defined media queries.
Again, this is an experimental feature. Not only does that...
How to Make localStorage Reactive in Vue
24.6.2020
Reactivity is one of Vue’s greatest features. It is also one of the most mysterious if you don’t know what it’s doing behind the scenes. Like, why does it work with objects and arrays and not with other things, like localStorage?
Let’s answer that that question, and while we’re at it, make...
‘It Does Nothing’ — Buy Bitcoin, Don’t Protest, Says Max Keiser
23.6.2020
Bitcoin is the best exit strategy from financial oppression after Covid-19, Keiser argues, as one economist says the Fed’s balance sheet will never shrink
Wirecard CEO Quits as Crypto Card Firm Reveals Missing $2.1 Billion Does Not Exist
22.6.2020
Wirecard chief executive officer quit as the crypto card payments firm revealed that the €1.9 billion ($2.1 billion) missing from its accounts may not exist. CEO Markus Braun resigned on June 19, after nearly 20 years at the helm. James Freis has been appointed interim chief executive,...
Patternico
20.6.2020
I remember searching for tutorials for making seamless patterns in Photoshop¹ all the time back in the day.
It’s fun to see this little website for building repeating patterns as its one job. It does everything you’d expect: pick a background, drag some decorations onto it and position...
Stay DRY Using axios for API Requests
18.6.2020
HTTP requests are a crucial part of any web application that’s communicating with a back-end server. The front end needs some data, so it asks for it via a network HTTP request (or Ajax, as it tends to be called), and the server returns an answer. Almost every website these days does this in some...
Striking a Balance Between Native and Custom Select Elements
12.6.2020
Here’s the plan! We’re going to build a styled select element. Not just the outside, but the inside too. Total styling control. Plus we’re going to make it accessible. We’re not going to try to replicate everything that the browser does by default with a native <select> element. We’re going...
With Arweave’s ‘Lazy’ Approach to Smart Contracts, Its Version of Web3 Does More
11.6.2020
Arweave, a blockchain network meant for the permanent storage of data, has released a completely new approach to smart contracts
Kotlin Coroutines and Delay
11.6.2020
Whenever I suspect that there’s a timing conflict causing a problem with rendering and directives, I usually opt for a JavaScript setTimeout with a delay. The setTimeout code never makes it to production, but it does help me to understand if my code is the problem or if there’s a timing...
A/B Testing Instant.Page With Netlify and Speedcurve
5.6.2020
Instant.Page does one special thing to make sites faster: it preloads the next page when it’s pretty sure you’re going to click a link (either by hovering over 65ms or mousedown on desktop, or touchstart on mobile), so when you do complete the click (probably a few hundred milliseconds...
Get Programmatic Control of your Builds with Netlify Build Plugins
27.5.2020
Today at Jamstack_Conf, Netlify announced Build Plugins. What it does is allow you to have particular hooks for events within your build, like when the build starts or ends. What’s nice about them is that they’re just a plain ‘ol JavaScript object, so you can insert some logic...
The Fastest Google Fonts
22.5.2020
When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you’re already saying, “I’m cool with FOUT,” which is another way of saying web text is displayed right away, and when the web font is ready...
How Does VPN Work with BTC Casinos?
21.5.2020
Casinos have always been an extremely popular solution for the people who enjoy gambling, and they’ve been around for centuries now. From the get-go, there were lots of organizations and people who opposed the idea of gambling. Today, many countries completely ban both the physical and virtual...
No, ISIS Does Not Have $300M in a Bitcoin ‘War Chest’
21.5.2020
Blockchain forensics firm Chainalysis has debunked several high-profile stories about the use of crypto to fund terror groups
CSS fix for 100vh in mobile WebKit
15.5.2020
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units.
One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s...
Why does writing matter in remote work?
12.5.2020
Talk to anyone who has an active blog and I bet they’ll tell you it’s been valuable to them. Maybe it’s opened doors. Maybe it’s got them a job. Maybe it’s got them a conference invite. Maybe they just like the thrill of knowing people have read and responded to...
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...
Market Wrap: Where Does Bitcoin Go After the Halving?
11.5.2020
With the highly anticipated bitcoin halving reducing new mining supply, what are crypto traders thinking about upcoming market behavior?
How Does Halving Work: The Code Behind The Hype
7.5.2020
Did Satoshi Nakamoto make a mistake in the Halving code?
Playing With (Fake) Container Queries With watched-box & resizeasaurus
5.5.2020
Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...