techie
25m | Jan 21, 2021, 4:22:12 PM
What if you could cut your hosting costs by 80%? Webiny Serverless CMS makes it possible.
/ng/css-tricks

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.

css-tricks.com/what-if-you-could-cut-you ...

What if you could cut your hosting costs by 80%? Webiny Serverless CMS makes it possible. | CSS-Tricks
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?
0x | 0x | 0x | 0x
techie
25m | Jan 21, 2021, 4:22:11 PM
How to Play and Pause CSS Animations with CSS Custom Properties
/ng/css-tricks

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 CSS Custom Properties appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/how-to-play-and-pause-css ...

How to Play and Pause CSS Animations with CSS Custom Properties | CSS-Tricks
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
0x | 0x | 0x | 0x
techie
14h | Jan 21, 2021, 2:20:35 AM
Scrollbars on Hover
/ng/css-tricks

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 can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/scrollbars-on-hover/ ...

Scrollbars on Hover | CSS-Tricks
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
0x | 0x | 0x | 0x
techie
21h | Jan 20, 2021, 7:22:15 PM
New in Chrome 88: aspect-ratio
/ng/css-tricks

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 on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

developers.google.com/web/updates/2021/0 ...

New in Chrome 88  |  Web  |  Google Developers
What's New in Chrome 87 for developers?
0x | 0x | 0x | 0x
techie
1d | Jan 20, 2021, 4:21:17 PM
Lightweight Form Validation with Alpine.js and Iodine.js
/ng/css-tricks

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 Alpine.js and Iodine.js appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/lightweight-form-validati ...

Lightweight Form Validation with Alpine.js and Iodine.js | CSS-Tricks
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
0x | 0x | 0x | 0x
techie
2d | Jan 19, 2021, 7:21:06 PM
Netlify Edge Handlers
/ng/css-tricks

Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think they are worth wrapping your brain around now. I think they change the nature of what Jamstack is and can be.…

The post Netlify Edge Handlers appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/netlify-edge-handlers-2/ ...

Netlify Edge Handlers | CSS-Tricks
Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think they are worth wrapping your brain around now. I think
0x | 0x | 0x | 0x
techie
2d | Jan 19, 2021, 7:21:05 PM
Life with ESM
/ng/css-tricks

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 on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/life-with-esm/ ...

Life with ESM | CSS-Tricks
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
0x | 0x | 0x | 0x
techie
2d | Jan 19, 2021, 4:21:08 PM
On Type Patterns and Style Guides
/ng/css-tricks

Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can …

The post On Type Patterns and Style Guides appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/on-type-patterns-and-styl ...

On Type Patterns and Style Guides | CSS-Tricks
Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well
0x | 0x | 0x | 0x
techie
3d | Jan 18, 2021, 10:21:53 PM
Rendering the WordPress philosophy in GraphQL
/ng/css-tricks

WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over developer convenience. That philosophy establishes an implicit contract between the developers building WordPress themes …

The post Rendering the WordPress philosophy in GraphQL appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/rendering-the-wordpress-p ...

Rendering the WordPress philosophy in GraphQL | CSS-Tricks
WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over
0x | 0x | 0x | 0x
techie
3d | Jan 18, 2021, 5:21:05 PM
AnimXYZ
/ng/css-tricks

There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like “bounce” or “slide-right” and it’ll… do those things. They tend to be pretty opinionated with …

The post AnimXYZ appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.

css-tricks.com/animxyz/ ...

AnimXYZ | CSS-Tricks
There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like "bounce" or "slide-right" and
0x | 0x | 0x | 0x