iiinova — where your digital self keeps evolving

Jack Sleight @jacksleight.com · 08/09/2026

After much procrastination and putting it on the back-burner I’m finally getting close to finishing my new website (only taken two years). This will also include a bunch of new artwork/icons for my @statamic.com addons.

010

Jack Sleight @jacksleight.com · 21/12/2025

Awesome post, incredibly well done as always. 💯 I know I’m in the minority with an iPhone Mini but I noticed a little issue on the smaller screen. The text in this demo wraps, causing height changes that make the rest of the article below jump up and down a bit.

110

Jack Sleight @jacksleight.com · 02/10/2025

Thoroughly enjoying @joshwcomeau.com 's Whimsical Animations course! And because I wanted extra work for some reason I’m also doing alpinejs.dev versions of all the exercises.

1151

Jack Sleight @jacksleight.com · 20/07/2025

Also, forget snack size, see if you can find a duo.

110

Jack Sleight @jacksleight.com · 09/07/2025

Computed Livewire properties aren't available client-side, but sometimes they'd be really useful. So I built a little utility to make that possible. Under the hood this is just dispatching an event with the data on each update. You can of course do that yourself, but I like the simplicity of this.

120

Jack Sleight @jacksleight.com · 07/05/2025

Unified component experiment continues. Blade components now use an inline class for props, so the syntax can be identical to Livewire. Now upgrading a Blade component to Livewire is as simple as switching “BladeComponent” for “LivewireComponent” and adding the Livewire things.

030

Jack Sleight @jacksleight.com · 28/03/2025

Finally (ish) is wildcard heading styles, so you can have a single heading style that can be applied to multiple heading levels.

010

Jack Sleight @jacksleight.com · 27/03/2025

Next up is custom control panel CSS for individual attribute values.

160

Jack Sleight @jacksleight.com · 27/03/2025

Working on some new features for Bard Texstyle 3.5. First one is the ability to hide parts of text content, useful if you need to temporarily remove something. Hidden content is completely excluded from the rendered HTML.

191

Jack Sleight @jacksleight.com · 13/03/2025

So you're saying my code is perfect? That's what you're saying? Great!

010

Jack Sleight @jacksleight.com · 13/03/2025

"We hope you enjoyed your free trial of Twilio. Want to reactivate your app? Upgrade your account here to instantly reactivate."

020

Jack Sleight @jacksleight.com · 08/03/2025

And because Livewire synthesizers are awesome you can wire:model attribute bag values. Not sure about the use cases for this (and the bag is locked by default), but it's still cool. 4/3

110

Jack Sleight @jacksleight.com · 07/03/2025

If you don’t need Livewire just drop the `<?php` chunk and it’s a regular Blade component. If it’s full page just wrap the template in your layout. And the best thing is this only requires some very minimal hooks into to the blade compiler, a couple of helpers, and a Vite plugin. 3/3

200

Jack Sleight @jacksleight.com · 07/03/2025

* Every view is a Blade or Blade+Livewire (via Volt) component * Non-Livewire components can be used as full pages * Livewire components get an attribute bag and can have slots * Layouts are included in exactly the same way in both types * Scripts and styles can use imports/tailwind helpers etc 2/3

100

Jack Sleight @jacksleight.com · 07/03/2025

Happy Friday! I’ve been chipping away at an approach to writing Blade and Livewire components that smooths out the differences between the two, letting you write and use everything the same way, and also include scripts and styles that get bundled by Vite. 1/3

161

Jack Sleight @jacksleight.com · 21/01/2025

Stumbled on a little CSS tip. If you need an absolute value you could use `abs`, but it’s limited availability right now. However `hypot` is newly available and: > If a single parameter is provided, the result is the absolute value of its input. Or you can just use `max`, but it's more verbose.

010

Jack Sleight @jacksleight.com · 20/11/2024

This is the syntax (stripped down), the buttons in the video just toggle the angle and base classes. Actual implementation is pretty simple since CSS handles (almost) all of the trig.

010

Jack Sleight @jacksleight.com · 20/11/2024

Having some fun writing a little Tailwind plugin for isomorphic(ish) 3D transforms, because why not.

150

Jack Sleight @jacksleight.com · 15/11/2024

Released a new Laravel package and @statamic.bsky.social addon: 🌄 Raster. They make it super simple to rasterise views to images. Automatic scaling, caching, protection and preview mode. Zero config (unless you need it). Laravel: github.com/jacksleight/... Statamic: statamic.com/addons/jacks...

2122

Jack Sleight @jacksleight.com · 14/11/2024

Been working on a Laravel and Statamic package double-bill. Nearly ready.

030

Jack Sleight @jacksleight.com · 12/11/2024

Digging through an extremely old project (that's somehow still live). Who remembers the FamFamFam Silk icon pack?

010