Caleb Porzio ⚡️'s banner

Caleb Porzio ⚡️

@calebporzio • 52,982 subscribers

Just launched: https://t.co/0g2CENz1nb I made @Alpine_JS & @LaravelLivewire I record: @noplanstomerge & https://t.co/T29wEQyDr3

Shorts

pure css swap between horizontal and vertical steps 🤌 responsive stepper component: unlocked

pure css swap between horizontal and vertical steps 🤌 responsive stepper component: unlocked

35,418 görüntüleme

this date picker took me like an hour wish me luck on the next five hundred hours needed to nail all the details lol

this date picker took me like an hour wish me luck on the next five hundred hours needed to nail all the details lol

34,888 görüntüleme

Well, we gone and done it. Flux 2.6 just shipped with a Time picker! 🚀 Use it for a simple time select, or a gnarly time input with unavailable time slots, min/max, whatever. Localized, keyboard-friendly, screen reader capable. Yumm 🤤

Well, we gone and done it. Flux 2.6 just shipped with a Time picker! 🚀 Use it for a simple time select, or a gnarly time input with unavailable time slots, min/max, whatever. Localized, keyboard-friendly, screen reader capable. Yumm 🤤

19,198 görüntüleme

Motion graphics are hard... Posting this so that the 1.5 days I spent messing with after effects wasn't a COMPLETE waste of time lol

Motion graphics are hard... Posting this so that the 1.5 days I spent messing with after effects wasn't a COMPLETE waste of time lol

18,348 görüntüleme

Alright, started thinking about date range presets like "last 7 days" and what not. I think you want them to be more advanced than simple "set the start and end date to this range" presets I think we should make the preset its own state so we can store it and reference it on the backend and cache it in the users session

Alright, started thinking about date range presets like "last 7 days" and what not. I think you want them to be more advanced than simple "set the start and end date to this range" presets I think we should make the preset its own state so we can store it and reference it on the backend and cache it in the users session

17,293 görüntüleme

Just added collapsible support for sidebar groups We'll automatically bundle them up in a hover dropdown for you 🤌

Just added collapsible support for sidebar groups We'll automatically bundle them up in a hover dropdown for you 🤌

10,978 görüntüleme

its getting real out here after supporting date ranges I realized my implementation would allow me to simply copy the "calendar" element 12 times and it would *just *work ✨

its getting real out here after supporting date ranges I realized my implementation would allow me to simply copy the "calendar" element 12 times and it would just work ✨

15,528 görüntüleme

Just taking things too far with this date picker over here Got infinite month scrolling going Kept the scrollbar visible in the video so you can see that the scrolling is actually spoofed (there are only ever 3 calendar grids rendered at a time)

Just taking things too far with this date picker over here Got infinite month scrolling going Kept the scrollbar visible in the video so you can see that the scrolling is actually spoofed (there are only ever 3 calendar grids rendered at a time)

10,777 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

New timeline component pushes CSS grid to its absolute limit 🥵

New timeline component pushes CSS grid to its absolute limit 🥵

Caleb Porzio ⚡️

151,296 görüntüleme • 4 ay önce

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

Caleb Porzio ⚡️

36,096 görüntüleme • 1 ay önce

🥳 Welp, Flux is HEREEEE! 🚀🚀🚀 Flux is a UI component library for Livewire 🎁 26+ components 💅 Modern design 🌬️ Styled with Tailwind 🤖 Custom, lightweight, JS core ⌨️ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it 🔥

🥳 Welp, Flux is HEREEEE! 🚀🚀🚀 Flux is a UI component library for Livewire 🎁 26+ components 💅 Modern design 🌬️ Styled with Tailwind 🤖 Custom, lightweight, JS core ⌨️ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it 🔥

Caleb Porzio ⚡️

192,803 görüntüleme • 1 yıl önce

Livewire 4 is FINALLY HERE ⚡⚡⚡ It's insane to me what can be achieved without writing a single line of JavaScript. We did it ❤️

Livewire 4 is FINALLY HERE ⚡⚡⚡ It's insane to me what can be achieved without writing a single line of JavaScript. We did it ❤️

Caleb Porzio ⚡️

67,212 görüntüleme • 6 ay önce

Absolutely insane how powerful the web's ViewTransition api has gotten 😮‍💨 Dropping with the full Livewire 4 release next week 🫡

Absolutely insane how powerful the web's ViewTransition api has gotten 😮‍💨 Dropping with the full Livewire 4 release next week 🫡

Caleb Porzio ⚡️

62,429 görüntüleme • 6 ay önce

Alright, my talks not up yet so anyone who didn't catch it is confused about Flux. Definitely watch my talk when it's up - but here's a little personal tour from my hotel room this morning (lots of stuff I didn't show in my talk)

Alright, my talks not up yet so anyone who didn't catch it is confused about Flux. Definitely watch my talk when it's up - but here's a little personal tour from my hotel room this morning (lots of stuff I didn't show in my talk)

Caleb Porzio ⚡️

136,425 görüntüleme • 1 yıl önce

Mobile web dev is usually a pain UNTILL NOWW dun dun dun Check this out. Super easy to wire up your physical iphone with desktop devtools 🍰

Mobile web dev is usually a pain UNTILL NOWW dun dun dun Check this out. Super easy to wire up your physical iphone with desktop devtools 🍰

Caleb Porzio ⚡️

155,338 görüntüleme • 2 yıl önce

🪄 What if you could write code that doesn't exist yet and it just... worked?

🪄 What if you could write code that doesn't exist yet and it just... worked?

Caleb Porzio ⚡️

151,683 görüntüleme • 3 yıl önce

😠 The MOST annoying thing in all of web development 😂 I give you: the disappearing dropdown solved. yep. mmhmmm.

😠 The MOST annoying thing in all of web development 😂 I give you: the disappearing dropdown solved. yep. mmhmmm.

Caleb Porzio ⚡️

126,643 görüntüleme • 2 yıl önce

✨ Dropdowns made easy Brought to you by Alpine's new "Anchor" plugin. Check it 🤘

✨ Dropdowns made easy Brought to you by Alpine's new "Anchor" plugin. Check it 🤘

Caleb Porzio ⚡️

112,015 görüntüleme • 2 yıl önce

this calendar is gettin' crazy. I basically just decided to go all the way on this one. MVP my tush

this calendar is gettin' crazy. I basically just decided to go all the way on this one. MVP my tush

Caleb Porzio ⚡️

63,987 görüntüleme • 1 yıl önce

🚀🎉 Launch day baby! New Livewire screencasts are live and 50% off! 📹 Watch 4+ hours of content 🧑‍💻 Access all the source code ❤️ Support this lil project Lemme show you around the new content 🫴

🚀🎉 Launch day baby! New Livewire screencasts are live and 50% off! 📹 Watch 4+ hours of content 🧑‍💻 Access all the source code ❤️ Support this lil project Lemme show you around the new content 🫴

Caleb Porzio ⚡️

95,666 görüntüleme • 2 yıl önce

Had wayyy too much fun making an interactive chart builder for Flux go build yourself a chart here:

Had wayyy too much fun making an interactive chart builder for Flux go build yourself a chart here:

Caleb Porzio ⚡️

18,109 görüntüleme • 5 ay önce

Livewire trello clone in my morning voice 🤘

Livewire trello clone in my morning voice 🤘

Caleb Porzio ⚡️

57,164 görüntüleme • 2 yıl önce

🫵 Yo, here's the little machine I built for my Laracon slides So crazy simple and powerful I'm ruined for using anything else for presentations. My keynote days are officially overrrrr

🫵 Yo, here's the little machine I built for my Laracon slides So crazy simple and powerful I'm ruined for using anything else for presentations. My keynote days are officially overrrrr

Caleb Porzio ⚡️

40,412 görüntüleme • 1 yıl önce

stumbled on a new Livewire pattern I'm pretty excited about - check it

stumbled on a new Livewire pattern I'm pretty excited about - check it

Caleb Porzio ⚡️

45,677 görüntüleme • 2 yıl önce

✨ Check out my sick nasty code snippet animator/highlighter/editor tool thing that I spent waayyyyyyy too much time on for my laracon talk 💅

✨ Check out my sick nasty code snippet animator/highlighter/editor tool thing that I spent waayyyyyyy too much time on for my laracon talk 💅

Caleb Porzio ⚡️

36,912 görüntüleme • 1 yıl önce

👉 Lemme show you how I abuse the browsers new "view transition" API to get a kind of auto-animate or magic-move situation (like in my laracon slides) It's so unbelievably rad to me. If you've ever tried to manually transition a list item removal or something, you know how flip-dippin hard it is, and this makes it caaaaakeeeeeee 👇

👉 Lemme show you how I abuse the browsers new "view transition" API to get a kind of auto-animate or magic-move situation (like in my laracon slides) It's so unbelievably rad to me. If you've ever tried to manually transition a list item removal or something, you know how flip-dippin hard it is, and this makes it caaaaakeeeeeee 👇

Caleb Porzio ⚡️

33,191 görüntüleme • 1 yıl önce

🍦 Nice little addition to a Laravel validation error: scroll your users back up to the error...

🍦 Nice little addition to a Laravel validation error: scroll your users back up to the error...

Caleb Porzio ⚡️

42,746 görüntüleme • 2 yıl önce

✨ New screencast series: BUILDING DATA TABLES AND A TON MORE RELATED STUFF IN LIVEWIRE AHHH What's in it? Welp, here's the entire course condensed into a few minutes while I play with my deluge in the background 😎

✨ New screencast series: BUILDING DATA TABLES AND A TON MORE RELATED STUFF IN LIVEWIRE AHHH What's in it? Welp, here's the entire course condensed into a few minutes while I play with my deluge in the background 😎

Caleb Porzio ⚡️

35,982 görüntüleme • 2 yıl önce