Search
EU politician reveals her conversion to crypto — Eva Kaili
3.2.2021
"Lots of my friends lost their savings because banks suddenly shut down and nobody would guarantee their life savings. So this was like quite a shock.”
The adventures of the inventive Alex Mashinky
27.1.2021
"My wife claims that I live in the future all by myself. And once in a while, society ends up coming to where I have been sitting on the road and waiting for them for a long time."
The Holy Grail Layout with CSS Grid
27.1.2021
How to build a very common layout with CSS grid. Header on the top, footer on the bottom. Two columns, sidebar and main content. This one has navigation above the main content but within that same column.
The post The Holy Grail Layout with CSS Grid appeared first on CSS-Tricks.
You can support...
You want minmax(10px, 1fr) not 1fr
22.1.2021
There are a lot of grids on the web like this:
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
My message is that what they really should be is:
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr));
}
Why? In …
The post You want minmax(10px, 1fr)...
6 Questions for Sheila Warren of the World Economic Forum
13.11.2020
"If we're not solving actual problems, what is the point of any of this?"
In Defense of Tables and Floats in Modern Day Development
30.10.2020
Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some “design.” No longer did sites only have to be top-to-bottom in a linear manner — they could be set up with columns that align left-to-right...
6 Questions for Rob Viglione of Horizen
26.8.2020
“Who doesn’t love a story of a humble badass who refuses the easy path of corruption, loses everything, and still refuses to give up?”
Journeys in Blockchain: Ray Youssef of Paxful
20.8.2020
“How advanced would the United States be if you couldn’t send money from New York to Florida? From New York to California? From Oregon to Washington? It wouldn’t be the United States! It would be a mess of all these squabbling little city-states that can barely get it together.”
6 Questions for Justin Rice of Stellar Development Foundation
14.8.2020
“Decentralized technology that creates programmatic consensus to seamlessly fix inefficiencies and increase opportunity? I think it may prove to be unstoppable.”
Journeys in Blockchain: Robert Wiecko of DASH Core Group
13.8.2020
“I loved crypto. I loved the libertarian ideas. At that time, everyone was talking about freedom, about privacy, about the necessity of changing finance, about giving back financial freedom to people. I really believed in that and I still believe in such ideas.”
6 Questions for Paul Veradittakit of Pantera Capital
7.8.2020
“I would love to invest into a consumer-facing application that could get blockchain-usage into the mainstream. Initially consumers wouldn’t know that blockchain is actually powering the application, thus removing the friction and education necessary.”
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...
Grid for layout, flexbox for components
26.6.2020
When should we reach for CSS grid and when should we use flexbox? Rachel Andrew wrote about this very conundrum way back in 2016:
Flexbox is essentially for laying out items in a single dimension – in a row OR a column. Grid is for layout of items in two dimensions – rows AND columns.
Ahmad...
Just another +1 for subgrid
19.6.2020
I’d say 85% of my grid usage is in one of these two categories…
I just need some pretty basic (probably equal width) columns that ends up being something like like grid-template-columns: repeat(3, minmax(0, 1fr)); to be safe.
Actually doing some real layout where five minutes in...
Building a hexagonal grid using CSS grid
18.6.2020
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards.
In this demo by Jesse Breneman,...
The Trickery it Takes to Create eBook-Like Text Columns
8.6.2020
There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...
Goldman Sachs’ Time-Traveling Vampire Squid Fails To Undermine Bitcoin
1.6.2020
Cryptocurrency is not an asset class, argues Wall Street investment bank, slapping evidence and truth in the face
Equal Width Columns in CSS Grid are Kinda Weird
14.5.2020
Everything is flexible these days. If you write grid-template-columns: 200px 200px 200px;, sure, you’d have equal-width columns, but that’s a rare day. What you usually mean is three columns of equal fluid width.
We’ve got fractional units for that, like grid-template-columns:...
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs
30.3.2020
CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet...
Responsive Grid Magazine Layout in Just 20 Lines of CSS
25.2.2020
I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style layout, instead of just popping a list of our favorite blogs in the sidebar.
The easy part was grabbing a list of posts with excerpts from...