Search
Build a Node.js Tool to Record and Compare Google Lighthouse Reports
16.3.2020
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops.
I’m hopeful this...
While the Crypto Market Was Hemorrhaging Value, These Tokens Mooned
16.3.2020
Why do certain altcoins moon? It’s a question that all crypto holders have pondered at some stage while enviously eyeing the ascent of a token that wasn’t even on their radar, let alone their portfolio. If the performance of obscure tokens in a bull market is discombobulating, how...
How to Make a Line Chart With CSS
11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...
Empow – Decentralized, Visually Focused Social Network
9.3.2020
Since Blockchain became well-known to the public back in the bull-run in 2017, many developer teams have started to develop blockchain-based products and applications that can be used by the masses.
The post Empow – Decentralized, Visually Focused Social Network appeared first on Bitcoin News
Geoff’s Redesign Posts
9.3.2020
I love it when people redesign "in the open" and write about it. I'd just like to shout out to our own Geoff who has been doing this for 3 months now. He started in late December last year. He's been sharing stuff like his dev tooling choices, considering performance, considering accessibility...
4 Ways to Animate the Color of a Text Link on Hover
3.3.2020
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors.
There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...
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...
In-Browser Performance Linting With Feature Policies
26.2.2020
Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a great way to catch issues like this in a local environment because browsers will throw an error...
A Look Into Recent Binance Trading Performance Issues
25.2.2020
An analysis of the performance issues and malfunction recently reported by major crypto exchange Binance
EOS Network Suffering From Degraded Performance, Says Coinbase
24.2.2020
Coinbase temporarily suspended sends to the EOS network over the weekend, although reliability has been relatively stable over the past two weeks
Do This to Improve Image Loading on Your Website
20.2.2020
Jen Simmons explains how to improve image loading by simply using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs...
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...
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...
Helping Browsers Optimize With The CSS Contain Property
10.2.2020
There is a growing number of things that we have to do to help the browser achieve for peak performance.
Responsive image syntax has several. For example, needing to tell the browser how large the image will be in our layout with the sizes attribute and how big the images are with w descriptors....
FAANG Stocks Provide a Better Risk-Adjusted Performance Than Bitcoin
8.2.2020
Since 2017, FAANG stocks have provided a better risk-adjusted performance than Bitcoin, Ether and XRP
How To Create A Headless WordPress Site On The JAMstack
4.2.2020
Just this morning, Chris shared a streamlined way to get a static site up and running with Netlify. As it happens, Sarah and I also wrote up a little something that expands that idea where a static site can pull content from WordPress using the REST API.
Using Vue, Nuxt, axios and Netlify, it's...
Innovation Can’t Keep the Web Fast
31.1.2020
Every so often, the fruits of innovation bear fruit in the form of improvements to the foundational layers of the web. In 2015, HTTP/2 became a published standard in an effort to update an aging protocol. This was was both necessary and overdue, as HTTP/1 rendered web performance as an arcane sort...
Lightning-Fast Web Performance
31.1.2020
If you're interested in leveling up your knowledge and skill of web performance, you can't do better than learning directly from Scott Jehl.
Direct Link to Article — Permalink… Read article
The post Lightning-Fast Web Performance appeared first on CSS-Tricks
Bundling JavaScript for Performance: Best Practices
24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance:
[...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...
Bitcoin.com Releases SLP Indexer Server for High Performance Token Services
21.1.2020
Bitcoin.com is releasing the open source SLP Indexer Server for validating Simple Ledger Protocol tokens as part of its commitment to the development of the token ecosystem. The tool is designed to make SLP token transactions perform as fast as BCH and empower developers to create even greater...