Search
Change the Code Blasts Wall Street for Propping Up Bitcoin Initiatives
30.6.2023
Change The Code, a Greenpeace-backed initiative that seeks to change Bitcoin’s consensus algorithm, has blasted Wall Street companies for the support they are showing to Bitcoin-related activities. On social media, it has called out companies like Fidelity, Blackrock, JPMorgan, and Goldman...
Greenpeace Unveils ‘Skull of Satoshi’ to Spark Debate Over Bitcoin’s Environmental Impact; Creator Clarifies It ‘Wasn’t Meant to Be Anti-Bitcoin’
26.3.2023
Greenpeace, the well known environmental NGO, has unveiled the “Skull of Satoshi,” an art installation intended to spark debate about the impact of Bitcoin on the environment. The 11-foot skull was constructed with electronic waste materials and features smokestacks and Bitcoin logos....
When is it “Right” to Reach for contain and will-change in CSS?
26.11.2021
I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:
.el {
will-change: opacity;
…
The post When...
Bold on Hover… Without the Layout Shift
27.7.2020
When you change the font-weight of a font, the text will typically cause a bit of a layout shift. That’s because bold text is often larger and takes up more space. Sometimes that doesn’t matter, like a vertical stack of links where the wider/bolder text doesn’t push anything...
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....
Control Icons with Font Size
27.2.2019
Here’s a nifty trick from Andy Bell that now seems a little obvious in hindsight: if you set an SVG to have a width and height of 1em then you can change the size of it with the font-size property.
Try and change the font-size on the body element below to see the icon scale with the text:
...