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 次观看

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 次观看

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 次观看

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 次观看

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 次观看

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 次观看

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 次观看

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 次观看

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 次观看 • 4 个月前

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 次观看 • 1 个月前

🥳 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 次观看 • 1 年前

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 次观看 • 6 个月前

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 次观看 • 6 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

🪄 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 次观看 • 3 年前

😠 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 次观看 • 2 年前

✨ 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 次观看 • 2 年前

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 次观看 • 1 年前

🚀🎉 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 次观看 • 2 年前

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 次观看 • 5 个月前

Livewire trello clone in my morning voice 🤘

Livewire trello clone in my morning voice 🤘

Caleb Porzio ⚡️

57,164 次观看 • 2 年前

🫵 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 次观看 • 1 年前

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 次观看 • 2 年前

✨ 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 次观看 • 1 年前

👉 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 次观看 • 1 年前

🍦 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 次观看 • 2 年前

✨ 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 次观看 • 2 年前