Welcome Back.

Season 3: Episode 1 - All Wrong.

#GoodMorningWithMark

Astro Studio — a globally-distributed edge data platform, designed exclusively for Astro.

Connect your project to a dedicated hosted DB in seconds. It's fast everywhere, secure, and ridiculously easy to use.

Launching in 2024. Secure your spot now!
studio.astro.build

Just discovered Keeybs from figma.com/@joanne ... this is going to be fun 😍 (playing with swag ideas for the Project IDX team)

Fine.

Real-life CSS lesson 🧑‍🍳🍕

.topping {
translate: calc(var(--x, 0) * 1cqi) calc(var(--y, 0) * 1cqi);
transition: translate 0.2s;
}

[id=slide]:checked ~ .scene .topping {
--x: 100;
}

cc David East

Another design detail for Project IDX (idx.dev) is the custom light and dark color themes… a lot of work went into these themes last year. The themes were 🔬 hand-crafted to balance foreground/background contrast with adjacent-token contrast in the editor…

🍕 Let's fix this pizza with CSS Grid!

```css
.toppings {
display: grid;
place-items: center;
}

.slices {
display: grid;
grid-template:
'slice1 slice2'
'slice3 slice4';
}

.slice:nth-child(1) {
grid-area: slice1;
border-top-left-radius: 100%;
}…

Another idx.dev video coming soon. Esta vez en español.

View Transitions bring seamless transition animations to the browser. Chrome is excited to see official support in Astro 3.0: developer.chrome.com/blog/astro-vie… ~ learn about the journey there!

Astro 3.0 is out now! 🪐

30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more.

astro.build/blog/astro-3/

These Astro stickers are fresh 🔥

🌴 PaLM 2 is getting an upgrade.

⬆️ 32,000 tokens in a context window. That's enough to include an 85-page document in a prompt.

cloud.google.com/blog/topics/go…

|￣￣￣￣￣￣￣￣￣￣￣￣￣|
| I'm bad at CSS |
|＿＿＿＿＿＿＿＿＿＿＿＿＿|
\ (•◡•) /
\ /
——
| |
|_ |_

Yes. I ran with Henri Helvetica 🇭🇹 👨🏾‍🚀 🚀 and all we did was talk web perf.

I'm pretty sure the Astro hat boosted my lighthouse score. #devsWhoRun

Having fun, working on Firebase libraries using idx.dev. But I made it do the unit tests.