Ash

@juice49
13 Followers
48 Following
69 Posts
The Web and Stuff ✨ ui πŸ’• server 🌈 html 🦦 css βš›οΈ react πŸ”Œ ts β€’ Software Engineer @sanity_io
Websitehttps://ash.gd
GitHubhttps://github.com/juice49
Codepenhttps://codepen.io/ash
Mourning my life as a wilderness man I’d mentally prepared for after our internet and mobile services were down for a few hours.
New Values and Functions in CSS https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS - gob-smacking things coming in CSS, detailed in this v nice article by @alvaromontoro
New Values and Functions in CSS

The CSS Working Group released the first Public Working Draft for the CSS Values and Units Module Level 5. It describes the common values and units that CSS properties accept and the syntax used for them, and it comes with some interesting new features. A review of some new functions and values that you will see in CSS (hopefully soon) :: Blog post at Alvaro Montoro's Personal Website.

Learning to create a Tree-sitter grammar was very fun, and a great way to learn the GROQ spec in greater depth. There are probably bugs at the moment! πŸ˜…

To achieve this, I first needed to create a Tree-sitter grammar to parse GROQ. This means Zed understands the actual structure of your GROQ code; if you open the syntax tree view, you can see how each part of it is parsed.

In the future, the Zed extension could use its knowledge of the syntax tree to do useful things like exposing landmarks in GROQ to Zed's outline navigator.

https://github.com/juice49/tree-sitter-groq

GitHub - juice49/tree-sitter-groq: A Tree-sitter grammar for GROQ.

A Tree-sitter grammar for GROQ. Contribute to juice49/tree-sitter-groq development by creating an account on GitHub.

GitHub
My GROQ extension for the Zed editor just got published! πŸ₯³

Excellent episode of devtools.fm, with guest Johannes Schickling discussing Effect (http://effect.website), local-first apps, and lots of other interesting things like profiling TS types.

https://www.devtools.fm/episode/95

Effect – The best way to build robust apps in TypeScript

Effect is a powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs.

Panic's Nova code editor has an awesome built in syntax inspector. Super helpful if you're building a syntax grammar extension.

Also, I love Zed, but I'd forgotten how great Nova looks.

Had a lot of fun learning how to create Tree-sitter parsers this weekend. It’s a great way to learn a language inside out.
I created this integration a few years ago, and I still use it all the time.
This is how I add my favourite tracks to my site using Sanity @sanity_io.