Search
Sharpen Your JavaScript Skills with Pluralsight (Sponsored)
21.12.2020
JavaScript recently turned 25 years old, and while it started by dominating over the client side world, this beautiful programming language is well on its way to taking over the server side. JavaScript isn’t just thriving — it’s evolving with new syntax features, patterns...
Side-Chaining $3 Billion in Value: There’s More Than 141,000 Tokenized Bitcoins Issued on Ethereum
21.12.2020
According to onchain statistics, there is a colossal amount of bitcoin, approximately 141,231 bitcoins or $3.3 billion at the time of publication locked into Ethereum-based tokens. There are roughly seven different wrapped or synthetic bitcoin tokens but the Wrapped Bitcoin project has...
Change vs. Inertia
18.12.2020
Recently, I’ve become more deeply aware of the inherent tension between change and inertia, as it applies to the evolution and use of web technologies. These forces have always been present and opposed to each other, but it seems to me that the side effects of these collisions are impacting...
How Much Money Can You Make on Twitch?
4.12.2020
Streaming videos on Twitch can earn you some pocket money, but making it a full-time job isn’t easy. You’ll probably need around 1,000 loyal subscribers before you’ll want to quit your day job. Read more
How to create a client-serverless Jamstack app using Netlify, Gatsby and Fauna
3.12.2020
The Jamstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
The key aspects of a Jamstack application are the following:
The entire app runs on a CDN (or ADN). CDN stands for Content Delivery Network and an ADN is an Application...
Rendering Spectrum
25.11.2020
Here are the big categories of rendering websites:
Client: ship a <div id="root"></div> and let a JavaScript template render all of it.
Static: pre-render all the HTML.
Server: let a live server process requests and generate the HTML response.
They are not mutually exclusive....
Slow and Empty Blocks With a Mysterious Message – ABC’s New Chain Off to a Rocky Start
22.11.2020
On November 15, 2020, the Bitcoin Cash blockchain experienced a network upgrade and a bifurcation of the chain as well. While the Bitcoin Cash network continued on smoothly, the ABC pro infrastructure funding plan (IFP) side of the chain had a rocky and extremely slow start. Since the 15th,...
The Raven Technique: One Step Closer to Container Queries
10.11.2020
For the millionth time: We need container queries in CSS! And guess what, it looks like we’re heading in that direction.
When building components for a website, you don’t always know how that component will be used. Maybe it will be render as wide as the browser window is. Maybe two of them...
Netlify Background Functions
10.11.2020
As quickly as I can:
AWS Lambda is great: it allows you to run server-side code without really running a server. This is what “serverless” largely means.
Netlify Functions run on AWS Lambda and make them way easier to use. For example, you just chuck some scripts into a folder they...
Decentralized Exchanges That Use Automated Market Makers Now Represent 93% of the Market
6.11.2020
A recent report by Consensys says the surge in decentralized exchange (DEX) volumes in Q3 of 2020 is down to their adoption of the automated market maker (AMM). According to the report, DEXs that use AMM, a software that algorithmically creates token trading pairs, now represent 93% of the market....
GIFS and prefers-reduced-motion
3.11.2020
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do:
<picture<source srcset="img/waterfall.avif" type="image/avif"<source...
Money Reimagined: ‘They Starve.’ The Ugly Side to the US’s KYC-AML Obsession
23.10.2020
Laws like the Bank Secrecy Act, which turns 50 this week, have helped stop money laundering and terrorism. But KYC and AML requirements have served to harm the world's neediest through higher costs and reduced services
The :focus-visible Trick
16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.
But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...
Sports Data for Developers: SportdataAPI (Sponsored)
12.10.2020
Most of the side projects I consider starting revolve around sports, since I’m a huge sports fan. I spend my Saturdays watching soccer, Sundays spent watching soccer and NFL, and of course the mid-week Champions League and Europa League matches. One problem I’ve always had is not being...
Weaved Webs
17.9.2020
There is a bit of an irony with Jamstack.
The concept is simple: you put pre-rendered, static files on web hosting (a CDN) designed to do that well. That’s it. If you need to do more, anything you do from there is done with client-side JavaScript, which is likely talking to serverless...
Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS
7.9.2020
We’re living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals. AND there are tons of JavaScript libraries that are meant to be used through module loaders. AND there are tons of JavaScript...
Going Jamstack with React, Serverless, and Airtable
27.8.2020
The best way to learn is to build. Let’s learn about this hot new buzzword, Jamstack, by building a site with React, Netlify (Serverless) Functions, and Airtable. One of the ingredients of Jamstack is static hosting, but that doesn’t mean everything on the site has to be static. In fact, we’re...
Comparing Data in Google and Netlify Analytics
25.8.2020
Jim Nielsen:
the datasets weren’t even close for me.
Google Analytics works by putting a client-side bit of JavaScript on your site. Netlify Analytics works by parsing server logs server-side. They are not exactly apples to apples, feature-wise. Google Analytics is, I think it’s fair...
radEventListener: a Tale of Client-side Framework Performance
18.8.2020
React is popular, popular enough that it receives its fair share of criticism. Yet, this criticism of React isn’t completely unwarranted: React and ReactDOM total about 120 KiB of minified JavaScript, which definitely contributes to slow startup time. When client-side rendering in React is relied...
Position Vertical Scrollbars on Opposite Side with CSS
23.7.2020
Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many.
But it is a fascinating CSS trick and the web is a big place with...