RSSAmplifier

Blog

Okiki's Blog

Software Engineer at @vercel; Maintainer on @withastro; Creator of bundlejs.com & inthistweet.app

blog.okikio.devRSS feed ↗13 posts

Latest posts

Hot take: Apple v US gov't, the US gov't is right

There seems to be a misunderstanding as to how the US gov't is using anti-competition laws in the case against Apple. I'm no legal expert but from what I've read, the core problem is Apple's various platforms they allow 3rd parties but through Market...

From Docker to Podman - VS Code DevContainers

Been a while... 👀 It's been a minute, hasn't it? I've been...busy, but I'm back with something that I think you'll find both useful and intriguing. While I was away, I stumbled upon a nifty trick that involves swapping Docker for Podman in DevContai...

Mastering the Art of ESM and CJS Package Handling

Greetings, fellow devs and bundlejs aficionados! 🚀 I was closing out some long lived issues over on bundlejs, when issue #50 reminded me of the ongoing debate about how bundlejs should handle the ESM and CJS packages. Lightbulbs flickered, coffee wa...

Vercel + Support Center = 🚀

Support Center; my first major project at Vercel, it's been a blast working on it and it's now out. 🎉✨ Check it out vercel.com/changelog/support-center BTW, I joined Vercel 🎉 ~6 months ago... Well anyway... Support Center is a modern tool for vi...

Using FormData with Astro

Introduction Someone recently asked me how to use FormData with Astro, to which I responded I'll create a small document for this (I'll create a pr to add this to the Astro docs a little later). Getting started I won't go into detail on what FormData...

bundlejs: An online esbuild based bundler & npm bundle size checker

Introduction bundlejs (pronounced bundle js) is a quick and easy way to treeshake, bundle, minify, and compress (in either gzip or brotli) your typescript, javascript, jsx and npm projects, while receiving the total bundles' file size. bundlejs aims ...

@okikio/sharedworker

For bundlejs.com, and astro.build/play, I found that I needed a way to use SharedWorkers reliably on all browsers, so, I decided to make a miniature script that would act as a wrapper around the SharedWorker class, by default it would try to create a...

Major updates for bundlejs.com v0.0.3

https://twitter.com/okikio_dev/status/1439825148769619972?s=20 I released major updates for https://bundlejs.com, they include add copy, wrap, format & reset btns add PWA screenshots & sharing to PWA detect offline/online mode faster preloading & p...

Github Codespaces vs. Gitpod: Choosing the Best Online Code Editor

Gitpod and Github Codespaces are both Visual Studio Code based online code editors, with attached Linux dev environment servers, for running terminal tasks; in simple terms, both are cloud-based code editors, and are free* to use. Note: Github Codes...

GZIP on the Browser

Out of curiosity I created a small demo detailing how you can implement GZIP in the browser, I used fflate for the GZIP compression, and pretty-bytes to convert bytes into human readable format, the demo is really small but as an example it should be...

PSA: Add dark mode to your sites, or at least let the browsers do it for you

I have a simple message for web developers, start adding the color-scheme property to your webpages. ...

Adding Custom Easing to the Web Animation API

I recently posted about @okikio/animate, a new Animation library that uses the Web Animation API (WAAPI) to create smooth, and highly performant animation. https://blog.okikio.dev/okikioanimate-the-animation-library-built-using-web-animations-api-waa...

@okikio/animate - the animation library built using Web Animations API (WAAPI)

Introduction The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and was designed to underlie implementations of both CSS animations and transition...