Search
Grab an Xbox Elite Series 2 Controller for $160 and Flex on Everyone
27.1.2021
Xbox Elite Series 2 Wireless Controller | $160 | Microsoft StoreRead more
Coinflex Launches Noncustodial Interest-Bearing Stablecoin on BCH and ETH Networks
19.11.2020
The cryptocurrency exchange Coinflex has announced the launch of a unique interest-bearing stablecoin called Flexusd. The new stablecoin is considered to be the first dollar-backed crypto that pays interest at the base level. Moreover, the new token is built on the Ethereum blockchain and...
grid-auto-flow : CSS Grid :: flex-direction : Flexbox
19.11.2020
When setting a parent element to display: flex, its child elements align left-to-right like this:
CodePen Embed Fallback
Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked vertically on top of each other in a column. We can do that with...
Understanding flex-grow, flex-shrink, and flex-basis
11.11.2020
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this:
<div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div
And...
New administration and the DoJ’s continued flex in crypto
6.11.2020
With the election taking all the air out of the room, we look at what new appointments at the DoJ could mean
Beats Flex přichází jako nejlevnější bezdrátová sluchátka od Apple s čipem W1
15.10.2020
The Genesis of BCH Tokenization: Over 10,000 SLP Tokens Built on Bitcoin Cash
25.9.2020
This week Bitcoin Cash fans have been discussing the milestone of over 10,000 Simple Ledger Protocol (SLP) tokens created since the infrastructure was first introduced. Moreover, tokens built on Bitcoin Cash are nearing 1 million transactions to-date. Bitcoin Cash (BCH) community members have...
Collective #622
10.9.2020
react-three-flex * AVIF has landed * Parsel * How they test * Colors for your data visualizations
The post Collective #622 appeared first on Codrops
Lenovo Ideapad 5 Flex: rychlý a konvertibilní Ryzen 5 pod 19 tisíc [test]
4.9.2020
Výkonný procesor Ryzen 5 4500U se vám bude líbit • Plastové tělo takové nadšení nebudí • Dost výdrže pro školu ve dne i výkonu pro hraní večer
How to Make a Media Query-less Card Component
1.9.2020
Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without container queries, we can do things to make our components...
Holy Albatross with Widths
24.7.2020
Heydon’s Holy Albatross is a technique to have a row of elements break into a column of elements at a specific width. A specified parent width, not a screen width like a media query would have. So, like a container query (ya know, those things that don’t exist yet that we...
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...
Exciting Things on the Horizon For CSS Layout
8.5.2020
Michelle Barker notes that it’s been a heck of a week for us CSS layout nerds.
Firefox has long had the best DevTools for CSS Grid, but Chrome is about to catch up and go one bit better by visualizing grid line numbers and names.
Firefox supports gap for display: flex, which is great,...
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...
Flexbox and absolute positioning
18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it.
It's odd...
Industry Execs Claim Freshly Minted ‘Virgin Bitcoins’ Fetch 20% Premium
8.3.2020
A few blockchain surveillance companies like Cyphertrace have recently published reports on criminal activities tied to bitcoin usage and the studies mentioned the topic of “virgin bitcoins.” According to industry executives, freshly minted bitcoins with no transaction history can sell...
Belgium Startup Launches Smart Chip Hardware Wallet for SLP-Based Tokens
3.3.2020
On March 1, the Simple Ledger Protocol (SLP) developers’ Twitter account revealed a new hardware wallet card for SLP tokens created by the Belgium-based company Satoshichip. The newly designed product is the first SLP token hardware wallet on the market and it works natively with the Electron...
Four Layouts for the Price of One
29.1.2020
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!
4 layouts for the price of 1, thanks flex ????
css` form { display: flex; flex-wrap: wrap;
& > input { flex: 1 1 10ch; margin: .5rem;
&[type="email"] { flex: 3...
Animate Text on Scroll
13.1.2020
We covered the idea of animating curved text not long ago when a fun New York Times article came out. All I did was peek into how they did it and extract the relevant parts to a more isolated demo.
That demo is here:
See the Pen
Selfie Crawl by Chris Coyier (@chriscoyier)
...
CSS-Only Carousel
10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
Setting some boxes in a horizontal row with flexbox is easy.
Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy.
You can make the "slides" line...