Search
A Complete Walkthrough of GraphQL APIs with React and FaunaDB
27.8.2020
As a web developer, there is an interesting bit of back and forth that always comes along with setting up a new application. Even using a full stack web framework like Ruby on Rails can be non-trivial to set up and deploy, especially if it’s your first time doing so in a while.
Personally I have...
What I Learned by Fixing One Line of CSS in an Open Source Project
14.8.2020
I was browsing the Svelte docs on my iPhone and came across a blaring UI bug. The notch in the in the REPL knob was totally out of whack. I’m always looking to contribute to open source, and I thought this would be a quick and easy fix. Turns out, there was a lot more to it than just changing...
Chainlink Competitor Band Token Grows 300% in 7 Days Setting New ATH
11.8.2020
BAND, the native token of the Band Protocol, has grown by more 300% in just seven days. At the at time of writing, the token traded at $14.50 against the August 3 trading price of $3.86. On August 10, the token also touched a new high of $17.78 while the 24 hours traded volumes were […]
The...
font-weight: 300 considered harmful
7.8.2020
Tomáš Janoušek:
Many web pages these days set font-weight: 300 in their stylesheet. With DejaVu Sans as my preferred font, this results in very thin and light text that is hard to read, because for some reason the “DejaVu Sans ExtraLight” variant (weight 200) is being used...
Decentralized Exchange Volumes Rose 174% in July, Topping $4.3B and Setting Second Straight Record
1.8.2020
Uniswap reported 41% of July’s decentralized exchange volume
Setting It Straight: Estonia’s Crypto Crackdown Weeds Out Bad AML/KYC
19.6.2020
A crypto crackdown in Estonia sparks debate on how to create crypto-centric Anti-Money Laundering and Know Your Customer policies
Building a hexagonal grid using CSS grid
18.6.2020
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards.
In this demo by Jesse Breneman,...
Global CSS options with custom properties
30.5.2020
With a preprocessor, like Sass, building a logical “do this or don’t” setting is fairly straightforward:
$option: false;
@mixin doThing {
@if $option {
do-thing: yep;
}
}
.el {
@include doThing;
}
Can we do that in native CSS with custom properties? Mark Otto shows...
The Worst Crisis in a Century Is Setting the Stage for Bitcoin
29.5.2020
The world’s existing economies are suffering due to the COVID-19 pandemic, which has revealed the main benefits of decentralized tech and crypto
Covid-19 Economy Fuels Faith in Crypto: Trust In Bitcoin Over Banks Increased 3X Since 2017
19.5.2020
The market research organization, The Tokenist, recently published a report called “Comparing Public Bitcoin Adoption Rates in 2020 vs 2017.” The study’s findings give a comprehensive look at the cryptocurrency ecosystem between 2017 and now. The researchers’ survey shows...
Iran Licenses $7.3 Million Bitcoin Mining Enterprise, Move Aimed at Easing U.S. Sanctions
5.5.2020
Iran has issued a bitcoin mining license to Iminer, a Turkish-based company. Iminer will operate up to 6,000 rigs, with a computing power of 96,000 terahash per second (TH/s) in total. According to media reports, the miner has spent $7.3 million setting up the mining facility, located...
Bloomberg: Bitcoin Is Setting Up For 2017-Like Bull Run
22.4.2020
A recent Bloomberg report: Bitcoin may be setting itself for a massive bull run
G20 Considers 10 Rules for Regulation of Stablecoins Like Facebook Libra
15.4.2020
The G20 is setting rules to regulate stablecoins such as Facebook’s Libra cryptocurrency. Responding to a call by the G20, the Financial Stability Board (FSB) has provided 10 “high-level” recommendations that establish a regulatory framework for stablecoins. Also read:...
A Complete Guide to calc() in CSS
17.3.2020
CSS has a special calc() function for doing basic math. Here's an example:
.main-content {
/* Subtract 80px from 100vh */
height: calc(100vh - 80px);
}
In this guide, let's cover just about everything there is to know about this very useful function.
calc() is for values
The only place you...
Ether Suffers Record-Setting 33% Drop Amid Global Market Turmoil
12.3.2020
Ether fell from $197 to $132 in early morning trading Thursday
Use a:visited in your CSS stylesheet
9.3.2020
Evert Pot:
Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before.
The 2 examples I ran into...
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...
Set Type on a Circle… with offset-path
28.1.2020
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don't have to use it...
Kudos to Crypterium for Pushing the Boundaries & Setting Inspirational Benchmarks
20.1.2020
Remember the long-standing tussle between the traditional banks and the crypto industry? Well, in this brand new decade, the old situations will shed off and new possibilities are here to arise. Let’s welcome Crypterium! Crypterium, the bridge between the crypto industry and the traditional fiat...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...