There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. It only took 30 years!

First will be the chance to style the “in-page” controls (the part embedded in the webpage), plus the popover for <select> (the part that appears “over top of” the page). Later we’ll do popovers for more things — like the date picker, etc.

Read about it here: https://drafts.csswg.org/css-forms/

✍️ New Guide: CSS Grid Areas

I wrote a new ✨ interactive ✨ guide that explores CSS grid areas, line numbers, line names, and includes many interactive examples to experiment with. Happy learning!

🔗 https://ishadeed.com/article/css-grid-area/

Hey! Guess what!

I created a little example app using Astro DB - a Guestbook inspired by @sarajw.

I also wrote a blog post about it and yes, I did get tired and phone in the ending - we are honestly lucky I did anything at all.

So anyway, here is the project:
https://astro-guestbook.netlify.app/

Here is the blog post on the topic:
https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/

Go forth and do whatever you want! (I can't tell ya what to do)

If you write CSS.... how do you feel about `position` and all of absolute positioning??

Yes, you heard that right. Web apps on Mac, from Safari. *Any* website can be added to your Dock, and opened as a web app. Web app developers can customize their web app with a web manifest file and more — just like for web apps on iOS and iPadOS. Stay tuned for all the details later this week.

#WWDC23

It’s hard to express just how massive a release Safari 16.4 is for web developers.

Last night, I was reading replies web developers posted on Twitter back in 2021, when I asked what developers need most from WebKit — and the vast majority of things you asked for have now shipped.

What is your favorite feature that just shipped in Safari 16.4?? What will you do with it?

https://webkit.org/blog/13966/webkit-features-in-safari-16-4/