All series
VueJS misc
VueJS
-
16.When to pass function props in vue 3 New02:35
-
15.Build an Alert component using Vue, TailwindCSS and CVA17:23
-
14.Vue templates: avoid functions, use computed properties instead05:12
-
13.Building a Vue tooltip component using TailwindCSS and Floating UI16:27
-
12.Vue watch multiple values at once03:55
Tailwind CSS
Tailwind
-
9.Dynamic classes in Vue.js without frying your 8-bit brain09:32
-
8.Rainbow component using VueJS and TailwindCSS09:08
-
7.TailwindCSS focus variants: focus, focus-visible, and focus-within03:50
-
6.Styling Vue components using TailwindCSS Custom Variants09:49
-
5.One trick for easier responsive work with Tailwind CSS04:58
Tiny Tips
-
7.Preventing avatar background bleed - TailwindCSS02:33
-
6.Install prettier and enforce it in your projects08:13
-
5.Optimizing inertia js responses in Laravel - Tiny Tip #502:27
-
4.Use scoped bindings to avoid extra guards in your Laravel controllers - Tiny tip #402:27
-
3.Customizing validation error messages in Laravel03:05
Laravel misc
Laravel
-
16.Serve Vue 3 applications using Laravel Valet04:18
-
15.Laravel SPA Authentication - setup and common mistakes16:37
-
14.Calculate remaining days until birthday05:24
-
13.Add Github and Google authentication to your Laravel application16:32
-
12.Use data providers to reduce test duplication08:56
InertiaJS & Laravel misc
InertiaJS
Laravel
-
32.InertiaJS & Vue 3 toast notifications18:33
-
31.InertiaJS frontend validation using Intus11:50
-
30.Prevent recently logged out users from seeing private pages when navigating back04:08
-
29.Prevalidate forms in InertiaJS and Laravel applications16:06
-
28.Replace auth redirect with modal dialog in InertiaJS & Laravel applications06:49
HeadlessUI
-
5.Building a menu tree Vue component with TailwindCSS and HeadlessUI18:08
-
4.Headless UI Listbox reusable vue component12:25
-
3.From sidebar to slide-over on small screens with Headless UI11:51
-
2.Building a dropdown menu08:57
-
1.Building a slide-over dialog component with HeadlessUI and VueJS21:18
Trello kanboard
InertiaJS
-
15.Edit card in HeadlessUI and InertiaJS modal - Trello Kanban12:27
-
14.Moving and saving cards position using Vuedraggable - Trello Kanban19:09
-
13.Hide forms via cross-component communication - Trello Kanban03:31
-
12.Editing cards - Trello Kanban06:05
-
11.Creating cards - Trello Kanban07:31