http://simonwillison.net/2023-09-29T19:56:20+00:00Simon Willison2023-09-29T19:56:20+00:002023-09-29T19:56:20+00:00https://simonwillison.net/2023/Sep/29/draggable-objects/#atom-tag

<p><strong><a href="https://www.redblobgames.com/making-of/draggable/">Draggable objects</a></strong></p> Amit Patel’s detailed write-up of a small but full-featured JavaScript function for creating draggable objects, with support for both mouse and touch devices “using browser features that are widely supported since 2020”. <p><small></small>Via <a href="https://news.ycombinator.com/item?id=37703291">Hacker News</a></small></p> <p>Tags: <a href="https://simonwillison.net/tags/draggables">draggables</a>, <a href="https://simonwillison.net/tags/dragndrop">dragndrop</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a></p>

2023-05-11T02:48:20+00:002023-05-11T02:48:20+00:00https://simonwillison.net/2023/May/11/neodrag/#atom-tag

<p><strong><a href="https://github.com/PuruVJ/neodrag/tree/main/packages/vanilla#readme">@neodrag/vanilla</a></strong></p> “A lightweight vanillaJS library to make your elements draggable”—I stumbled across this today while checking out a Windows 11 simulator built in Svelte. It’s a neat little library, and “download-esm @neodrag/vanilla” worked to grab me an ECMAScript module that I could import and use. <p><small></small>Via <a href="https://github.com/yashash-pugalia/win11-svelte">win11-svelte</a></small></p> <p>Tags: <a href="https://simonwillison.net/tags/dragndrop">dragndrop</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a></p>

2010-04-11T21:59:41+00:002010-04-11T21:59:41+00:00https://simonwillison.net/2010/Apr/11/jquery/#atom-tag

<p><strong><a href="http://forum.jquery.com/topic/trying-to-manipulate-the-position-of-a-draggable-mid-drag-doesn-t-seem-to-work">jQuery UI: Trying to manipulate the position of a draggable mid-drag doesn&#x27;t seem to work</a></strong></p> This has bitten me on two separate projects now—it’s the only problem I’ve had with jQuery UI’s draggables, which have otherwise been fantastic. <p>Tags: <a href="https://simonwillison.net/tags/draggables">draggables</a>, <a href="https://simonwillison.net/tags/dragndrop">dragndrop</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/jquery">jquery</a>, <a href="https://simonwillison.net/tags/jqueryui">jqueryui</a></p>

2009-06-30T18:08:34+00:002009-06-30T18:08:34+00:00https://simonwillison.net/2009/Jun/30/firefox/#atom-tag

<p><strong><a href="https://developer.mozilla.org/en/Firefox_3.5_for_developers">Firefox 3.5 for developers</a></strong></p> It’s out today, and the feature list is huge. Highlights include HTML 5 drag ’n’ drop, audio and video elements, offline resources, downloadable fonts, text-shadow, CSS transforms with -moz-transform, localStorage, geolocation, web workers, trackpad swipe events, native JSON, cross-site HTTP requests, text API for canvas, defer attribute for the script element and TraceMonkey for better JS performance! <p>Tags: <a href="https://simonwillison.net/tags/audio">audio</a>, <a href="https://simonwillison.net/tags/browsers">browsers</a>, <a href="https://simonwillison.net/tags/canvas">canvas</a>, <a href="https://simonwillison.net/tags/crossdomain">crossdomain</a>, <a href="https://simonwillison.net/tags/csstransforms">csstransforms</a>, <a href="https://simonwillison.net/tags/dragndrop">dragndrop</a>, <a href="https://simonwillison.net/tags/firefox">firefox</a>, <a href="https://simonwillison.net/tags/firefox35">firefox35</a>, <a href="https://simonwillison.net/tags/fonts">fonts</a>, <a href="https://simonwillison.net/tags/geolocation">geolocation</a>, <a href="https://simonwillison.net/tags/html5">html5</a>, <a href="https://simonwillison.net/tags/javascript">javascript</a>, <a href="https://simonwillison.net/tags/json">json</a>, <a href="https://simonwillison.net/tags/localstorage">localstorage</a>, <a href="https://simonwillison.net/tags/mozilla">mozilla</a>, <a href="https://simonwillison.net/tags/offlineresources">offlineresources</a>, <a href="https://simonwillison.net/tags/performance">performance</a>, <a href="https://simonwillison.net/tags/textshadow">textshadow</a>, <a href="https://simonwillison.net/tags/tracemonkey">tracemonkey</a>, <a href="https://simonwillison.net/tags/video">video</a>, <a href="https://simonwillison.net/tags/webworkers">webworkers</a></p>

2008-09-13T12:19:02+00:002008-09-13T12:19:02+00:00https://simonwillison.net/2008/Sep/13/django/#atom-tag

<p><strong><a href="http://www.djangosnippets.org/snippets/1053/">Django snippets: Orderable inlines using drag and drop with jQuery UI</a></strong></p> Code example from my PyCon tutorial on customising the Django admin interface. <p>Tags: <a href="https://simonwillison.net/tags/django">django</a>, <a href="https://simonwillison.net/tags/django-admin">django-admin</a>, <a href="https://simonwillison.net/tags/dragndrop">dragndrop</a>, <a href="https://simonwillison.net/tags/jquery">jquery</a>, <a href="https://simonwillison.net/tags/pyconuk">pyconuk</a>, <a href="https://simonwillison.net/tags/pyconuk2008">pyconuk2008</a>, <a href="https://simonwillison.net/tags/python">python</a>, <a href="https://simonwillison.net/tags/snippets">snippets</a>, <a href="https://simonwillison.net/tags/sortable">sortable</a>, <a href="https://simonwillison.net/tags/speaking">speaking</a>, <a href="https://simonwillison.net/tags/my-talks">my-talks</a>, <a href="https://simonwillison.net/tags/tutorials">tutorials</a></p>