Drag and Drop Card Using HTML CSS And JavaScript | SortableJS

Drag and Drop Card Using HTML CSS And JavaScript | SortableJS

Assets 📁

Source code ⤵️

Subscribe for more! 🔔

⏱ Timestamps
0:00 Intro
0:32 Project setup
1:32 Drag & Drop Html
3:13 Variables css, reset html
4:01 Drag & Drop Css
6:12 Drag & Drop JavaScript (SortableJS)

Follow me ⤵️

Support me, buy me a coffee ☕️

Thanks for watching!
Make sure to like + Subscribe For More!

Music
Song: Peyruis - Triomphe
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

#drag #drop #htmlcss

[deepakdubey]

It’s smooth. The animation is really good. Which is what I’d expect from something like sortable. I personally tend to prefer when the thing you’re dragging is no longer in the list and there’s just an empty space until you release the item, but that’s just a personal preference. You could try playing around with that idea though to see if you can get it to work

[ti]

youtube - Bedimcode uploaded a new video!
me to vs code - Let's enjoy

[blessdarah]

Hey Bedim... I love the tutorial. I'm gonna give sortable a try for a project I'm currently working on

[makarov]

very cool and fast, thanks for the lesson

[alixanovsarvar]

so amazing buddy at the moment I learnt new info from you keep it up

[ashishingle]

You are doing great bro. I'm a student from India..i found this tutorial informative. Love from India ♥️🇮🇳

[hyfydistro]

You could just select `.drop` (the whole container) and that would work too. 👌

```
const draggableArea =

new Sortable(draggableArea, {

animation: 150,
ghostClass: 'blue-background-class'
});
```

[programx]

It will be great if you can explain the steps You're doing on the video. Maybe the key part of every code You're writing.

[eveohagan]

is there a way to save the sorted list?

[zakidzz]

it would be bettze if you talk in thoes vedio by thr way its cool

[julio]

Sortable-chosen is jQuery not JavaScript

[krypton]

It looks like very cool🔥🔥
But where we use it?)

[saboorhamedi]

How to save the location after changing it ?

[septiananugrah]

How to get data after it's sorted ?

[vicodev]

@Bedimcode #Bedimcode nice video, I subscribed and left a like. I would like the position of the items to remain in the place where I moved it, perhaps via local storage. Could you tell me how I can do it? Thank you in advance for reading my message. PS: If you could send me the piece of code. I thank you once again

[wasifkhan]

sir kindly make landing page....animate on scroll