Search
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...
Position Sticky and Table Headers
13.7.2019
You can't position: sticky; a <thead>. Nor a <tr>. But you can sticky a <th>, which means you can make sticky headers inside a regular ol' <table>. This is tricky stuff, because if you didn't know this weird quirk, it would be hard to blame you. It makes way more...
Restricting a (pseudo) element to its parent’s border-box
2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS.
The desired result.
This...
Making width and flexible items play nice together
1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.
The long answer
Let’s say you want to align an image and some text next to each other with like this:
Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...
10 React Challenges (Beginner): Use Context to Pass Data
14.6.2019
Data in React applications is usually passed to components, via props. By using props, data is sent from parent to child components.
Passing da
10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
CEO of Burger King’s Parent Company Looks for Long Term Growth in China as Slowdown Hits
16.5.2019
China is the world’s second-largest economy and over the past decade, some of the biggest companies in the world have flocked to the nation in order to meet the insatiable demand for all sort of products and fast food was business certainly one of them. Burger King remains one of the best known...
CSS Algorithms
6.3.2019
I wouldn't say the term "CSS algorithm" has widespread usage yet, but I think Lara Schenck might be onto something. She defines it as:
a well-defined declaration or set of declarations that produces a specific styling output
So a CSS algorithm isn't really a component where there is some parent...