- Видео 11
- Просмотров 43 893
mfazail
Индия
Добавлен 12 ноя 2016
Lets code some of trending designs for web and app.
A url shortener website build with filament php | Laravel | Demo | mfazail
#laravel #filamentphp #livewire
Laravel
Livewire
Alpinejs
Filamentphp
url shortener
💻 source code
github.com/mfazail/url-shortner
Laravel
Livewire
Alpinejs
Filamentphp
url shortener
💻 source code
github.com/mfazail/url-shortner
Просмотров: 91
Видео
Searchbar - Command Palette | Tailwindcss | Alpinejs | CodeF
Просмотров 6342 года назад
Demo - mfazail.github.io/searchbar/index.html Source Code - github.com/mfazail/mfazail.github.io/tree/main/searchbar Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. creativecommons.org/licenses/by/4.0/ Source: incompetech.com/music/royalty-free/index.html?isrc=USUAN1100394 Artist: incompetech.com/ #tailwindcss #codef #components
Responsive Travel website using tailwindcss and alpinejs | Datepicker | Swiperjs | CodeF
Просмотров 8912 года назад
#tailwindcss #html #codef Navbar : ruclips.net/video/KNj3TkfrPq0/видео.html Source code : github.com/mfazail/CodeF/tree/main/Travel 00:00 Intro 01:29 Hero Section 22:01 Offer Section 24:37 Booking Card Start 27:38 From-to Dropdown 35:44 Departure-return Datepicker 48:10 Plane Animation 51:55 Popular places Grid 58:22 About Us 01:03:49 Blog 01:08:37 Footer 01:14:05 Responsive Almost in F - Tranq...
How to create responsive Timeline with Tailwind CSS | Tailwind v3 | CodeF
Просмотров 3,9 тыс.2 года назад
Create a responsive timeline section using tailwindcss Demo - mfazail.github.io/Timeline/index.html Source code: github.com/mfazail/CodeF/tree/main/Timeline #tailwindcss #html #codef
Responsive pricing section using Tailwind css & Alpine js | Swiper js | CodeF
Просмотров 3702 года назад
Create a responsive Pricing section using tailwindcss, alpinejs and swiperjs library Demo - mfazail.github.io/Pricing Section/index.html Tailwind css - tailwindcss.com Alpine js - alpinejs.dev Swiper js - swiperjs.com Source Code: github.com/mfazail/CodeF/tree/main/Pricing Section #tailwindcss #html #codef
Animated Hero Section with Tailwind css l Tailwind keyframes | Html syntax highlighting | CodeF
Просмотров 8 тыс.2 года назад
Animated Hero section Tailwind css - tailwindcss.com Alpine js - alpinejs.dev Source code: github.com/mfazail/CodeF/tree/main/Animated Hero Section Medium - link.medium.com/cCLuJkc7Imb 00:00 Intro 00:15 Tailwind Installation 04:08 Terminal Design 14:05 Highlight JS 17:21 Inner Circle 22:26 Inner Circle Animation 24:48 Image Rotation 26:11 Outer Circle 31:45 Outer Circle Animation 33:26 Responsi...
Custom select & Input chips using Tailwind css & Alpine js | CodeF
Просмотров 1,7 тыс.2 года назад
Portfolio - fazail-alam.web.app Tailwind css - tailwindcss.com Alpine js - alpinejs.dev
Responsive Sidebar using Tailwind css & Alpine js | Sub menu | Tooltip | CodeF
Просмотров 20 тыс.2 года назад
Responsive sidebar using tailwindcss and alpinejs Demo - mfazail.github.io/Sidebar/index.html Tailwind css - tailwindcss.com Alpine js - alpinejs.dev Source code: github.com/mfazail/CodeF/tree/main/Sidebar #tailwindcss #html #sidebar #codef
Simple Accordion with smooth animation using Tailwind css & Alpine js | CodeF
Просмотров 5 тыс.2 года назад
Animated accordion using tailwindcss Tailwind css - tailwindcss.com Alpine js - alpinejs.dev Source code: github.com/mfazail/CodeF/tree/main/Accordion #tailwindcss #html #codef
Responsive Navbar using Tailwind css & Alpine js | CodeF
Просмотров 1,9 тыс.2 года назад
Responsive navbar using tailwindcss and alpinejs with search bar. Demo - mfazail.github.io/Navbar/index.html Tailwind css - tailwindcss.com Alpine js - alpinejs.dev Source code: github.com/mfazail/CodeF/tree/main/NavBar Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. creativecommons.org/licenses/by/4.0/ Source: incompetech.com/music/roya...
Thanks mate
merci bien
thanks
How can we scroll the sidebar?
Add the height to parent div And set overflow-y-auto to it
I did it but the tooltip is not showing.
@@user-kp9di3xh2z Oh! In order to prevent this there is a library called float ui
Thank you for your reply I think there should be a solution without external libraries
@@user-kp9di3xh2z there is something like interactionObserver in js You can try it
Congratulations on your work and for teaching other people!
Thank you 😍
actually you dont need js tailwind is available to set property ex peer
Thank you so much.😄😄😄
Most welcome 🥰
good video brother.
which theme?
color?? -> #6366f1
Could you please share the source code
github.com/mfazail/CodeF/tree/main/NavBar
@@mfazaildotcom thank you
Can add some letters in spinning circle bro how I can I get
Okay loved it. But not comfortable leaving jquery. I think jquery is the easiest one to think and implement. I am planning to move to alpine its really hard. Thanks for your effort. Loved it. Hope to see more from you.
Well done! What is the best way to store the side bar position into local storage?
Set a Boolean value to local storage and according to that bind the class left or right.
Unfortunately couldn’t do it. Can you help?
how are you implementing it?
codepen.io/mfazail/pen/RwQqgGb here's a demo
Excellent! Very thankful. You deserve 1k likes.
Excelente video, saludos desde Ecuador 🇪🇨
Thank u <3 Good Job
Well 👍 done, keep going. Nice and clean tutorial, wish you the best of 🤞 luck. Waiting for more. You deserve a new subscription of mine.
Well 👍 done, keep watching. Nice and clean comment, wish you the best of 🤞luck for your projects. Waiting for more comment. You deserve a great day. Hope everything is fine ☺️.
awesome!!
nice , thanks
Can you adapt this with tailwind and vue or react?
Yeah but not in react
Impressive 🔥🔥. Hope the algorithm works on your favor because this is 🤯🤯
Great work! thanks a lot for sharing sir
Welcome sir 🙂
This is exactly what I needed to build. Thanks!
I'm glad my videos are helping your project
Very good work
Thank you
Thanks for this tutorial, It was simple and clean, keep making videos bro.
Thanks bro. I will keep making videos.
Excellent video just what I was looking for thank you very much for sharing
Thanks! I made an accordion with a small Vue component on my WP site since I needed dynamic searching and filtering, but that was a bit overkill. Now it is way cleaner
Thanks for the video bro, i wish you success
super dope exactly what I wanted keep bringing the good work bro
Hi, you are designing better than other Indians. Keep up the good work.
Thank you 😊