Building a website in 2021? I’m guessing you’re going to take a component-driven approach. It’s all the chatter these days. React and Vue are everywhere (is Angular still a thing?), while other emerging frameworks continue to attempt a push …
The post Components: Server-Side vs. Client-Side appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/components-server-side-vs-client-side/
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 CSS-Tricks by being an MVP Supporter.
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 can support CSS-Tricks by being an MVP Supporter.
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 first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/re-creating-the-porky-pig-animation-from-looney-tunes-in-css/
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 Longevity appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
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 by being an MVP Supporter.
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) not 1fr appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
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 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
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 useStateInCustomProperties appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
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 Serverless CMS makes it possible. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/what-if-you-could-cut-your-hosting-costs-by-80-webiny-serverless-cm