drag-and-drop - Briefly

Marcin Wanago Blog - JavaScript, both frontend and backend

Drag and Drop with React. Writing E2E tests using Playwright

Web applications need intuitive interfaces. Implement drag-and-drop functionality for task management. Test with Playwright for expected behavior. [ more ]

Raymondcamden

4 months ago

JavaScript

Using Drag/Drop in Alpine.js with PDF Embed

JavaScript has long supported drag and drop functionality, which can be used in combination with Adobe's PDF Embed library.

Drag and drop functionality can be implemented using the 'drop' and 'dragover' events, with the 'dragover' event necessary to make an element droppable. [ more ]

Smashing Magazine

2 months ago

Web design

Event Calendars For Web Made Easy With These Commercial Options - Smashing Magazine

Flexible integration with popular JavaScript frameworks.

Extensive customization options including themes, CSS/Sass, and user controls. [ more ]

jQuery Script

2 months ago

Web design

Draggable Image Annotation Plugin - DragDropAnnotate

Supports various types of annotations like rectangle, circle, and image annotations.

Provides features such as hint messages, popup windows, custom styles, and rotation functionality. [ more ]

Vue.js Examples

3 months ago

Vue

Vue-draggable-plus: The Universal Drag-and-Drop Solution for Vue

vue-draggable-plus is a universal drag-and-drop component that supports both Vue 3 and Vue 2.

It offers a variety of usage options, including components, functions, or instructions, making it flexible and adaptable to different project requirements. [ more ]

LogRocket Blog

5 months ago

UX design

Drag and drop UX: Best practices and tutorial - LogRocket Blog

Drag and drop is a common feature that should be easy to design but many applications fail to make it intuitive.

Excel is an example of a software that has a confusing drag and drop feature, leading beginners to seek alternative solutions.

Trello is an application that has successfully implemented drag and drop with clear visual cues and alternatives, making it easy for users to understand and navigate. [ more ]