Profile avatar
itty.dev
I build things from time to time. :) https://itty.dev
34 posts 42 followers 26 following
Regular Contributor
Conversation Starter

Interviewer: Can you exain this gap in your resume? Me: Yes, it's set up with a Flexbox property

Oh man, this is like real McCarthy stuff ….

A few weeks back, I made a super tiny package to bring colors/CSS to the browser console. Think "chalk", but: - for the browser - easier layering - full CSS support - absurdly small @ 490 bytes Wanna try it out? Try it in the browser console @ itty.dev :)

As a followup continuation, here's a simpler D1 + Itty example (no CORS), for an API in under 1kB. Itty allows all handlers to see router/route-level generics, and AutoRouter will transform any unformatted responses to JSON automatically, provide a 404, etc.

Spinning up a simple D1 Worker with @itty.dev. 1.34KB, only a few lines, and it's working like a champ. Take that for simple syntax! :) @cloudflare.social

Bytes matter. Speed up your users' experiences... and yours. #shiplesscode #javascript

It's live! Powerful, rich CSS browser console style for the browser... made easy, and for under 500 bytes. Loads of examples/descriptions included :) www.npmjs.com/package/itty...

Busy documenting examples, but itty-chroma is technically live. It brings stuff like this to the browser, in under 500 bytes all-in. #javascript #browser #console #logs #color

Ok… so for itty-chroma docs, I want code snippets paired with a component output showing console output. Anyone know a good svelte/agnostic component that can emulate console output? Doubt anyone will see/respond, in time, but just in case! :)

Want styled console logs in the browser? Don't want to build that crap yourself?

Rich CSS styles incoming to a browser console near you. ~550 bytes, all-in. - underline, italic, font, padding, margin, size, border, border-radius, uppercase, etc. - colors by name/hex/rgb/rgba/hsl/etc - log/warn/error - precompose blocks Full post tomorrow.

I'm occasionally right, occasionally wrong. I think my biggest wrong take of the last 5 years was saying TypeScript only slowed you down. While I still think you can move quickly without it (esp in small projects), the speed at which USING it allows you to refactor safely is a force multiplier!

Sexy colored logging coming soon to a browser console near you: - easy, obvious syntax - can log directly (unlike chalk) - works in the browser (unlike chalk) - works with log/warn/error - mix and match styles - 540 bytes currently, all-in... but I'm still working on that

I knew @jhey.dev was worth searching out on here! Continues to deliver! 🏆

Testing an idea... similar to the ultra-popular chalk library, but: - for browser consoles - way more style options - shorter syntax (it actually logs) - 1/6th the size (~390 bytes), @itty.dev style ;) Examples:

Just now starting the process of finding folks from Twitter. Who else should I be following here?

Folks, what’s your go-to solution for styling/coloring your browser console.log messages? I just made a super compact version of this, which might be worth publishing if there aren’t better tools already for that :)