Search
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...
Monorepo
26.1.2021
I’m not exactly a large-scale DevOps guy, but I can tell ya we’ve been moving back toward a monorepo at CodePen and it’s rife with advantages over a system with lots of smaller repos. For us, I mean. It’s …
The post Monorepo appeared first on CSS-Tricks.
You...
Coinbase Custody to Support Dvision Network (DVI)
26.1.2021
PRESS RELEASE. Blockchain platform Dvision Network has revealed that digital asset custodian platform ‘’Coinbase Custody’’ will be providing a cold-storage solution for its native token DVI. Major development for Dvision Network Dvision Network stated that the development...
Re-Creating the Porky Pig Animation from Looney Tunes in CSS
26.1.2021
You know, Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. We’ll get there, but first we need to cover some CSS concepts.
Everything in CSS is a box, or rectangle. Rectangles …
The post Re-Creating the Porky Pig Animation from Looney Tunes in CSS appeared...
Coinbase Custody to Support Dvision Network (DVI)
26.1.2021
Disclaimer: The text below is a press release that was not written by Cryptonews.com.
Blockchain platform Dvision Network has revealed that digital asset custodian platform ‘’Coinbase Custody’’ will be providing a cold-storage solution for its native token DVI.
Major development for Dvision...
Tech Stacks and Website Longevity
25.1.2021
Steren Giannini in “My stack will outlive yours”:
My stack requires no maintenance, has perfect Lighthouse scores, will never have any security vulnerability, is based on open standards, is portable, has an instant dev loop, has no build step
…
The post Tech Stacks and Website...
Vietnam’s Oldest Bitcoin Exchange Adds Support for Lightning Network
25.1.2021
With VBT's integration, the Lightning Network now has support from half a dozen Bitcoin exchanges
Checkerboard Reveal
25.1.2021
Back when I was 10, I remember my cousin visiting our house. He was (and still is) a cool kid, the kind who’d bring his own self-programmed chess game on a floppy disk. And his version of chess was …
The post Checkerboard Reveal appeared first on CSS-Tricks.
You can support CSS-Tricks...
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)...
Servers: Cool Once Again
22.1.2021
There were jokes coming back from the holiday break that JavaScript decided to go all server-side. I think it was rooted in:
The Basecamp gang releasing Hotwire, which looks like marketing panache around a combination of technologies. “HTML over
…
The post Servers: Cool Once Again...
useStateInCustomProperties
21.1.2021
In my recent “Custom Properties as State” post, one of the things I mentioned was that theoretically, UI libraries, like React and Vue, could automatically map the state they manage over to CSS Custom Properties so we could use that state …
The post...
How to Play and Pause CSS Animations with CSS Custom Properties
21.1.2021
Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get …
The post How to Play and Pause CSS Animations with...
What if you could cut your hosting costs by 80%? Webiny Serverless CMS makes it possible.
21.1.2021
Are you hosting one or more websites and are using a headless CMS? Are you hosting your CMS on a virtual machine or a container, or using a SaaS solution? If so, then you’re paying for the uptime, regardless if …
The post What if you could cut your hosting costs by 80%? Webiny...
Scrollbars on Hover
21.1.2021
First, scrollbars are a usability and accessibility thing. Second, a rule of thumb: if an area scrolls, it should have a visible scrollbar. But the web is a big place and I like tricks, so I’m going to cover the …
The post Scrollbars on Hover appeared first on CSS-Tricks.
You...
YfDFI Finance: Much Anticipated Farming Platform Released
21.1.2021
PRESS RELEASE. As of today, YfDFI Finance is launching not one, not two, not three but four farming pools, locking up a huge chunk of its circulating supply. The team could not have achieved this without the continuous support from the community. Starting off 2021 the right way! “Our team...
Bitcoin price searches for support near $35K, DeFi tokens move higher
21.1.2021
DeFi tokens moved higher while Bitcoin price struggles to hold $35,000 as support
New in Chrome 88: aspect-ratio
20.1.2021
And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of Safari announcing support for it in Safari Technology Preview 118, …
The post New in Chrome 88: aspect-ratio appeared first...
Lightweight Form Validation with Alpine.js and Iodine.js
20.1.2021
Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript …
The post Lightweight Form Validation with...
Brave private browser integrates IPFS support to desktop version
20.1.2021
Brave Browser has integrated IPFS into its desktop web browser for Windows, macOS and Linux
Life with ESM
19.1.2021
ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends.
Browsers support it these days. There is plenty of nuance, but as long as you’ve dropped IE, the door is fairly open.
Before ESM, the situation for JavaScript …
The post Life with ESM appeared first...