Search
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
Irregular-shaped Links with Subgrid
16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...
Frontity is React for WordPress
9.7.2020
Some developers just prefer working in React. I don’t blame them really, because I like React too. Maybe that’s what they learned first. I’ve been using it long enough there is just some comfort to it. But mostly it is the strong component model that I like. There is just...
Stablecoins Might Be Better Than Bitcoin For Payments, But Maybe Not For Long
5.7.2020
Stablecoins offer most of the benefits of bitcoin (BTC), but without any of the volatility. This is the opinion of a wide number of industry figures and experts, all of whom affirm that removing volatility is the key to making cryptocurrencies viable as a means of payment.
Does this mean that...
Popular Analyst Reveals New Bitcoin Pricing Model: Prediction Suggests ‘Bullish Run a Month Away’
27.6.2020
The popular bitcoin analyst Willy Woo told his 132,000 Twitter followers that he’s working on a new pricing model that suggests a bull run is imminent. In fact, Woo says the model suggests bitcoin is close to “another bullish run” with “maybe another month to go.”...
Block Links: The Search for a Perfect Solution
25.5.2020
I was reading this article by Chris where he talks about block links — you know, like wrapping an entire card element inside an anchor — being a bad idea. It’s bad accessibility because of how it affects screen readers. And it’s bad UX because it prevents simple user tasks, like selecting text.
But...