Search
$2,000 a Month: US Lawmakers Propose Basic Income for Americans to Cope With Covid-19 Economy
16.4.2020
Democrats from the House of Representatives have introduced legislation that would pay eligible Americans $2,000 a month until U.S. unemployment numbers return to pre-covid-19 levels. Under the proposal, any American citizen 16-years or older making less than $130K per year would receive monthly...
Create a Responsive CSS Motion Path? Sure We Can!
15.4.2020
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking.
A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths....
Bitcoin Price Rejects 100-Week MA, So Is the Pre-Halving Pump Over?
14.4.2020
Bitcoin is struggling to clear resistance at $6,900 and $7,050 but $7,200 is the real target BTC needs to flip to support in order to rally to $8,000
Ross Ulbricht’s 9th Price Analysis Predicts Bitcoin Prices Below $3,000
13.4.2020
The founder of the Silk Road marketplace, Ross Ulbricht, has published another analysis that attempts to predict the price of bitcoin. Ulbricht started sharing his price examinations last December and he leveraged the patterns of Elliott Wave theory to bolster his forecast. Also read: Bitcoin...
30 Days Left — Bitcoin RSI Has Never Been This Oversold Pre-Halving
12.4.2020
Bitcoin’s stock-to-flow creator is eyeing record weak RSI reading one month before its third halving
Thinking in Behaviors, Not Screen Sizes
11.4.2020
Chase McCoy wrote a nifty post about the “gap problem” when making a grid of items. His argument might be summarized like this: how should we space elements with margins in CSS? He notes that the gap property isn’t quite ready for prime time when it comes to using it with flexbox, like this:
.grid...
Eidoo Card Is Available for Pre-Order – Seamlessly Connect Your Fiat and Crypto Wallets
9.4.2020
Gone are the days when online fiat payment processors and digital wallets were viewed as something new and innovative. By now, most people are used to shopping online, especially in developed countries. The current payment processors are well-established and they’ve gained the public’s trust.
The...
Steady Price Rise Brings XRP Back to Almost Pre-Crash Levels
9.4.2020
XRP, the cryptoasset affiliated with California-based fintech company Ripple, appears to finally be catching up after heavy selling brought it down nearly 50% during the two darkest days of March.
The rise in the price of XRP over the past 4 weeks has now brought the price almost back up to levels...
CSS Findings From The New Facebook Design
7.4.2020
Ahmad Shadeed digs around the new Facebook’s front-end code.
One that stood out to me:
.element {
inset: 4px 0;
/* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */
}
Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working...
Wide Gamut Color in CSS with Display-P3
31.3.2020
Here’s something I’d never heard of before: Display-P3 support in CSS Color Module Level 4 spec. This is a new color profile supported by certain displays and it introduces a much wider range of colors that we can choose from.
Right now the syntax looks something like this in CSS:
header...
Bitcoin Mining Roundup: BTC Regains 100 Exahash, Miners Close Shop, Pre-Halving Shake-Up
30.3.2020
In 44 days, BTC miners will face the third reward halving as the block subsidy will soon shrink from 12.5 to 6.25 coins per block. Following the market carnage in mid-March, BTC’s hashrate plummeted 44% to a 2020 low of 75 exahash per second (EH/s). Since then the hashrate has climbed back...
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset
30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like:
.el {
transform: rotate(10deg) scale(0.95) translate(10px, 10px);
}
...we can do:
.el {
rotate: 10deg;
scale: 0.95;
translate: 10px 10px;
}
That's extremely...
Did You Know the Ordered List Element Has Start and Reversed Attributes?
24.3.2020
I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:
<ol reversed<liApple</li<liBanana</li<liPear</li</ol
CodePen Embed Fallback
And the start attribute can be added to begin the list at a number other...
CSS :nth-of-class selector
23.3.2020
That's not a thing.
But it kinda is!
Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former:
:nth-child(2 of .bar) { }
Safari...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
What Does `playsinline` Mean in Web Video?
18.3.2020
I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite clear and I feel a little silly for not knowing it.
With it in place, like this:
<video src="..." controls playsinline</video
Mobile...
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...
Pre-crash Data: Number of Addresses with 1 Bitcoin Hit All-Time High
12.3.2020
The Cryptoverse had welcomed another all-time high - that of, let's call them, wholecoinddresses (addresses with at least 1 bitcoin).
The number of investors holding 1 Bitcoin (BTC) or more, known as wholecoiners, seems to be on the rise recently. Though we can't be sure how many investors...
Sass !default and themeable design systems
11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this:
.c-text-input {
background-color: $form-background-color;
padding: 10px
}
If the $form-background-color variable isn’t defined then...
Block Links Are a Pain (and Maybe Just a Bad Idea)
10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target.
<a href="/article/"<!-- display: block;...