Touch Swipe List Items using JavaScript
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