Touch Swipe List Items using JavaScript

Published: 05 October 2022
on channel: 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

On this page of the site you can watch the video online Touch Swipe List Items using JavaScript with a duration of hours minute second in good quality, which was uploaded by the user CODE WITH HOSSEIN 05 October 2022, share the link with friends and acquaintances, this video has already been watched 4,249 times on youtube and it was liked by like viewers. Enjoy your viewing!

1,146