ohhhhised.bsky.social
@ohhhhised.bsky.social
Reposted
We implemented a new value for `background-clip` called `border-area`. It lets you use CSS fill a border with a background image or gradient.

This article explains how it works, and shows up the possibilities in 7 demos.

#css #webdesign #webdevelopment #graphicdesign

webkit.org/blog/16214/b...
Make creative borders with background-clip border-area
How’d you like to use CSS to easily create a border from an image or gradient?
webkit.org
November 20, 2024 at 4:03 PM
Reposted
Introducing 📥 11ty/import: a CLI tool to import content as static files

👋🏻 Easily export all of your WordPress posts
👀 Show recent 🦋 Bluesky posts on your web site without expensive embeds
✅ Make a CMS out of anything on the web using PESOS

Try it out:
GitHub - 11ty/eleventy-import: Utility to import content from multiple services (and a CLI, too)
Utility to import content from multiple services (and a CLI, too) - 11ty/eleventy-import
github.com
November 15, 2024 at 10:01 PM
Reposted
The Astro sessions RFC is now open for comment. The plan is:

- API is simple: Astro.session.get()/set()
- Pluggable storage drivers, powered by @unjs.io Unstorage
- Adapters can provide zero-config drivers, e.g. using a platform's KV/blob store service

github.com/withastro/ro...
Sessions by ascorbic · Pull Request #1055 · withastro/roadmap
Summary An Astro.session primitive, with pluggable storage backends. --- // src/components/CartButton.astro const cart = await Astro.session.get('cart'); --- <a href="/checkout&quo...
github.com
November 16, 2024 at 2:32 PM
Reposted
Want fancy ~type-aliases?
Just update your tsconfig. We'll handle the rest ✨
November 5, 2024 at 2:28 PM
Reposted
Your CSS shadows are kinda flat 😬
Here's how to make your shadows come alive ✨
(and yes, we talk about Tailwind)
October 30, 2024 at 4:08 PM