Search
On fixed elements and backgrounds
3.6.2020
After just playing with apsect-ratio and being pleasantly surprised at how intuitive it is, here’s an example of CSS acting unintuitively:
If you have a fixed element on your page, which means it doesn’t move when you scroll, you might realise that it no longer acts fixed if you apply a...
Chromium lands Flexbox gap
9.5.2020
I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means:
.flex-parent {
display: flex;
gap: 1rem;
}
.flex-child {
flex: 1;
}
That’s excellent...
OmiseGO's Parent Company Changes Name to SYNQA
2.5.2020
Omise Holdings, parent company of OmiseGo, now goes by the name SYNQA
Ethereum Classic Criticizes Its “Parent’s” Move to Split Ethereum Into Two
8.2.2020
Leading crypto project Ethereum Classic has released an article criticizing the recent move by Ethereum of splitting ETH into ETH 2.0 and ETH 1.x tokens. It stated that it is not only financially illogical but also an additional asset in an oversaturated market. Splitting Ethereum into ETH 2.0...
Bitfinex ‘Copycat’ Lawsuit Withdrawn and Then Refiled in New District
12.1.2020
Ifinex Inc, parent firm of Bitfinex, finds its ongoing legal troubles further complicated as a November lawsuit has been withdrawn by the plaintiff and refiled in a new district. The company, whose close affiliations with both the Bitfinex crypto exchange and stablecoin Tether have continually...
Is “is” Useful?
3.1.2020
God I'm funny.
Anytime we have fairly repetitive selectors that have a common parent, it's probably a place we can use the :is() pseudo-selector.
Holger Bartel demonstrates like this:
section section h1, section article h1, section aside h1, section nav h1,
article section h1, article article...
A Use Case for a Parent Selector
31.12.2019
Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here.
A classic...
The Origin Story of Container Queries
16.12.2019
Container queries don’t exist today but a lot of web developers have been arguing in their favor lately. At first, the idea sounds relatively simple: whereas media queries allow us to make style changes based on the width of the browser, container queries would allow us to make style updates when...
The Thought Process Behind a Flexbox Layout
27.11.2019
I just need to put two boxes side-by-side and I hear flexbox is good at stuff like that.
Just adding display: flex; to the parent element lays out the children in a row.
Well, that's cool. I guess I could have floated them, but this is easier.
They should probably take up the full space they have...
Oh Hey, Padding Percentage is Based on the Parent Element’s Width
13.11.2019
I learned something about percentage-based (%) padding today that I had totally wrong in my head! I always thought that percentage padding was based on the element itself. So if an element is 1,000 pixels wide with padding-top: 50%, that padding is 500 pixels. It's weird having top padding based...
What is super() in JavaScript?
6.11.2019
What's happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child...
As Crypto Exchanges Exit the US, Which Trading Platforms Will Enter the Breach?
25.10.2019
The U.S. remains a challenging environment for centralized cryptocurrency exchanges, with major players significantly scaling back their operations and others heading for the door. The most recent casualty of America’s stringent regulatory climate is one time market-leader Poloniex, which...
Facebook competitor in Latin-America Sets the Road for a New Internet of Value
9.10.2019
IOV Labs, the parent company behind RSK Bitcoin smart contract network, and RSK Infrastructure Framework (RIF) has recently acquired Taringa, the major social media platform for Latin America with 30 million users. This acquisition represents an opportunity to quickly bring […]
The post...
SEC Reaches $24 Million Settlement With EOS Parent Firm Block.one
1.10.2019
The U.S. SEC has settled with EOS creator Block.one in the form of a civil monetary penalty of $24 million
Bitcoin Smart Contract Platform RSK Acquires Latin America’s Fourth Largest Social Network
27.9.2019
IOV Labs, the parent company of Bitcoin smart contract platform RSK, has announced the acquisition of Taringa. As a result, the Hispanic social media network’s 30 million users and 1,000+ active communities will be exposed to dapps, tokenization and P2P trading. Crypto companies acquiring...
EOS Parent Firm Block.one Opens Up Headquarters in Washington DC
25.9.2019
Block.one is opening a new headquarters for its U.S. operations arm in the Washington, D.C. metro area
New York Stock Exchange Parent Firm Starts Futures Trading in Bitcoin
23.9.2019
New York Stock Exchange owner Intercontinental Exchange Inc. (ICE) is launching futures trading in Bitcoin on its cryptocurrency arm Bakkt Trust Co, from today. Earlier in August, ICE had secured US government approval for futures trading in Bitcoin for Bakkt. Bakkt will give investors the option...
Various Methods for Expanding a Box While Preserving the Border Radius
6.9.2019
I've recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there's a rectangle with rounded corners expanding in the back.
Expanding box effect on the CodePen homepage.
Being the curious creature that I am, I had to check how this works! Turns out, the rectangle...
Bitpoint Taiwan Sues Parent Exchange for Overbilling After July Hack
22.8.2019
Taiwan subsidiary of hacked exchange Bitpoint files a $9.4 million damages suit alleging overbilling by parent exchange
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...