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 лет назад