annotate src/index.html @ 3:6d5e4b38b4fb

start drag
author Franklin Schmidt <fschmidt@gmail.com>
date Fri, 21 Apr 2023 00:58:31 -0600
parents 264646feb67b
children 0130ae25ef94
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
1 <!doctype html>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
2 <html>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
3 <head>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
4 <meta name="viewport" content="width=device-width, initial-scale=1">
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
5 <style>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
6 @import "/site.css";
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
7 </style>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
8 <title>Reactionary Drag and Drop</title>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
9 </head>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
10 <body>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
11 <h1>Reactionary Drag and Drop</h1>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
12
1
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
13 <p>I can't find a usable drag-and-drop JavaScript library, so, as usual, I am forced to write one. You can follow my progress, starting from zero, right here. Here is <a href="https://hg.reactionary.software/repo/dad/">the source</a>. Here is <a href="http://www.reactionary.software/drag.html">the need</a>. And here are discussion threads on <a href="https://communities.win/c/programming/p/16an5RSxmy/javascript-drag-and-drop/c">Scored</a> and <a href="http://www.mikraite.org/JavaScript-Drag-and-Drop-tp3229.html">Reactionary Software</a> if you want to comment.</p>
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
14
3
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
15 <p>I will start by reviewing some of the existing depraved alternatives:</p>
1
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
16 <ul>
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
17 <li><a href="/alternatives/standard.html">Standard Drag and Drop API</a></li>
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
18 <li><a href="/alternatives/interactjs.html">interact.js</a></li>
2
264646feb67b add draggabilly
Franklin Schmidt <fschmidt@gmail.com>
parents: 1
diff changeset
19 <li><a href="/alternatives/draggabilly.html">Draggabilly</a></li>
1
9c372fce698a start alternatives
Franklin Schmidt <fschmidt@gmail.com>
parents: 0
diff changeset
20 </ul>
3
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
21
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
22 <p>Time to write my own. Here are some examples:</p>
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
23 <ul>
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
24 <li><a href="/examples/simple.html">Simple</a></li>
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
25 <li><a href="/examples/handle.html">Handle</a></li>
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
26 </ul>
6d5e4b38b4fb start drag
Franklin Schmidt <fschmidt@gmail.com>
parents: 2
diff changeset
27 <p>These use <a href="/dad.js">dad.js</a> and <a href="/dad.css">dad.css</a>.
0
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
28 </body>
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
29 </html>