Jack Sleight
@jacksleight.com
Freelance full-stack developer. Love solving interesting problems, building sharp interfaces and working with Laravel, Statamic and Filament. jacksleight.dev
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.
October 2, 2025 at 12:57 PM
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.
Also, forget snack size, see if you can find a duo.
July 20, 2025 at 7:04 PM
Also, forget snack size, see if you can find a duo.
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.
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.
July 9, 2025 at 10:47 AM
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.
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.
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.
May 7, 2025 at 12:55 PM
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.
Finally (ish) is wildcard heading styles, so you can have a single heading style that can be applied to multiple heading levels.
March 28, 2025 at 3:33 PM
Finally (ish) is wildcard heading styles, so you can have a single heading style that can be applied to multiple heading levels.
Next up is custom control panel CSS for individual attribute values.
March 27, 2025 at 6:03 PM
Next up is custom control panel CSS for individual attribute values.
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.
March 27, 2025 at 5:16 PM
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.
So you're saying my code is perfect? That's what you're saying? Great!
March 13, 2025 at 6:14 PM
So you're saying my code is perfect? That's what you're saying? Great!
"We hope you enjoyed your free trial of Twilio. Want to reactivate your app? Upgrade your account here to instantly reactivate."
March 13, 2025 at 11:32 AM
"We hope you enjoyed your free trial of Twilio. Want to reactivate your app? Upgrade your account here to instantly reactivate."
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
4/3
March 8, 2025 at 5:17 PM
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
4/3
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
3/3
March 7, 2025 at 5:19 PM
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
3/3
* 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
* 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
March 7, 2025 at 5:19 PM
* 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
* 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
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
1/3
March 7, 2025 at 5:19 PM
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
1/3
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.
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.
January 21, 2025 at 9:25 AM
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.
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.
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.
November 20, 2024 at 5:50 PM
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.
Having some fun writing a little Tailwind plugin for isomorphic(ish) 3D transforms, because why not.
November 20, 2024 at 3:20 PM
Having some fun writing a little Tailwind plugin for isomorphic(ish) 3D transforms, because why not.
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...
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...
November 15, 2024 at 12:12 PM
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...
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...
Been working on a Laravel and Statamic package double-bill. Nearly ready.
November 14, 2024 at 2:15 PM
Been working on a Laravel and Statamic package double-bill. Nearly ready.
Digging through an extremely old project (that's somehow still live). Who remembers the FamFamFam Silk icon pack?
November 12, 2024 at 11:00 AM
Digging through an extremely old project (that's somehow still live). Who remembers the FamFamFam Silk icon pack?