Touch Swipe List Items using JavaScript

Veröffentlicht am: 05 Oktober 2022
auf dem Kanal: CODE WITH HOSSEIN

4,249

Hey guys 😁 Are you looking for a good tutorial that supports both Items Hover Effect and Touch Swipe Items using JavaScript ?! Yes, you heard right. This design is absolutely responsive and helps you improve your HTML & CSS knowledge as well 😎 Join our family and let me be your tutor on this journey...

📂 Assets
AnimeJS: https://animejs.com/
Icons: https://boxicons.com/
Font: https://fonts.google.com/

🔗 Source code
https://github.com/hosseinnabi-ir/Tou...

🔔 Subscribe Now!
   / @codewithhossein

⏱ Timestamps
00:00 Desktop Version Hover Effects
00:34 Mobile Version Touchable Swipe
01:17 List & Item Elements
01:53 General Styles
02:25 List Item Styles
04:37 Adding Right/Left Buttons
05:13 Buttons Styles
06:39 Desktop Mode Special Styles
08:24 Adding Some Other Items
09:42 Starting JavaScript
09:58 Handling Touch Start
10:32 Handling Touch Move
11:50 Fixing a Slight Mistake
12:30 Handling Touch End
14:26 Last Testing
14:51 Thanks For Watching

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
Listen:    • #66 Anywhere (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • BEAUZ & JVNA - Crazy | Electronic Pop...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch:    • Jordan Schor & Harley Bird - Home  | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Where We Started (feat. Je...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein

Auf dieser Seite können Sie das Online-Video Touch Swipe List Items using JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer CODE WITH HOSSEIN 05 Oktober 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 4,249 Mal angesehen und es wurde von like den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

6,431

128