Search
On Type Patterns and Style Guides
19.1.2021
Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can …
The post On Type Patterns and Style Guides appeared first on CSS-Tricks.
You...
How did Rust make $1 million in Steam revenue in a day - twice?
14.1.2021
[The GameDiscoverCo game discovery newsletter is written by ‘how people find your game’ expert & GameDiscoverCo founder Simon Carless, and is a regular look at how people discover and buy video games in the 2020s.] Wouldn’t it be nice to make $1 million gross on your Steam game.....
Is Defi Coming to Bitcoin Cash? An Overview of Detoken and the Anyhedge Protocol
30.12.2020
Maybe you’ve heard of Anyhedge. Last April, news.Bitcoin.com published an article about its announcement, but what is it really? What does it do, and how’s it work? The Anyhedge Protocol Anyhedge is an open-source protocol. It is simply a way to use the blockchain (in this case,...
2021 Trends in CBDCs: More Pilots, Maybe Some Launches, But Not For Retail
27.12.2020
The more the price of bitcoin (BTC) rises, the more institutions and corporations become interested in this most popular cryptocurrency. However, the same relationship doesn’t seem to hold for central banks and governments: instead, the more the price of bitcoin rises, the more central banks...
There is No Normal
12.12.2020
This year I learned, or relearned maybe, that “normal” is subjective at best, and pretty misleading otherwise. If this forsaken year has taught us anything, it’s that there is no such thing as normal. Things change. People adapt. Everything is relative to everything else.
Besides being quite...
Under-Engineered Responsive Tables
1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...
How You Might Build a Modern Day Webring
20.11.2020
I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that:
Signifies this site is part of a webring
Allows you to move to the next or previous site of the webring
Maybe has other functionality like...
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...
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...
Using Your Own Design System with KendoReact Components
30.10.2020
Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap or Material Design, except the components...
Smarter Ways to Generate a Deep Nested HTML Structure
21.10.2020
Let’s say we want to have the following HTML structure:
<div class='boo'<div class='boo'<div class='boo'<div class='boo'<div class='boo'</div</div</div</div</div
That’s real a pain to write manually. And the reason why this post was born was being...
How to Conditionally Add Attributes to Objects
16.10.2020
JavaScript is full of tricks that you don’t know you want until you … want … them. Or maybe just until you see them. One trick I recently realized was conditionally adding attributes to React elements. Of course this trick essentially boils down to conditionally adding properties...
How to Create a Realistic Motion Blur with CSS Transitions
14.10.2020
Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re trying to reproduce.
Have you ever taken a photo of something moving quickly, especially under low light, and it turned into a blurry...
Working with JavaScript Media Queries
7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
body {
background-color: plum;
}
@media (min-width: 768px) {
body {
background-color: tomato;
}
}
CSS media queries are a core ingredient in any responsive...
Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies
28.8.2020
Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring under specific circumstances (device, OS, browser, user action), or was just hidden in one of the many front-end technologies that are part...
DEC777 Decentralized Exchange – The Last Resort for the People Who Lost Trust in Centralized Exchange
27.8.2020
Why do we have to store our digital assets with hesitation? We’ve lost trust in many scam exchanges such as Wex, BITPoint…Maybe this is the right time to look for an exchange that doesn’t need us to deposit to trade. DEC77 is an outstanding decentralized exchange built...
Anticipated Ethereum Proposal 'Big Maybe' Out Within a Year
26.8.2020
The highly anticipated Ethereum (ETH) improvement proposal (EIP) 1559, which includes things like an automatic token burn mechanism for each transaction and an improved fee market, may be rolled out in the next 6-12 months, according to Anthony Sassano, SetProtocol product marketing manager...
Is This China’s Century or the US’s? Maybe It’s Both
26.7.2020
This Long Reads Sunday is a reading of Adam Tooze's recent review of four books on the growing conflict between the U.S. and China
Accordion Rows in CSS Grid
23.7.2020
I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this:
grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content);
That way, if...
Maybe It Wasn’t About the Money – Few People Fell for Twitter Hack, Data Indicates
16.7.2020
While the crypto wallets associated with the scam registered over 400 transactions, the attackers seem to have made away with a relatively small haul