Cursor AI

Make Any List Draggable in Minutes

October 09, 2025

Drag-to-reorder functionality improves UX by letting users customize list order, but implementing it requires handling drag events, calculating drop positions, and managing list state. The Angular CDK Drag and Drop module simplifies this with directives that handle all drag complexity, including visual feedback, drop zones, and reordering logic. This tutorial demonstrates how to add drag-to-reorder functionality to any Angular list using the CDK Drag and Drop module, requiring minimal code and no external libraries.

AI Code Editor AI Coding Assistant Accessibility

Cursor AI Took My Job… or Did It? Angular Dev Edition

October 18, 2024

AI-powered code editors are transforming how developers work, and Cursor is leading the charge. Built on VS Code, Cursor brings intelligent code suggestions, automated error detection, and powerful AI assistance directly into your Angular workflow. In this tutorial, I'll show you real examples of how I use Cursor in my Angular projects, from refactoring components to generating tests. You'll see why it's become essential to my development process.

CSS Cursor AI HTML

Alter Browser Default Panning and Zooming Behavior With CSS touch-action

May 27, 2014

Now that there are so many people accessing the sites we build through touch devices many of us will see that we need to alter the default panning and zooming behavior of the browser when touching them.

Accessibility Cursor AI Forms

Quick Tip - 07: Autofocus Fields With HTML5 Form Attributes

February 21, 2014

Have you ever wanted to automatically place the cursor in a field when the page is rendered? I know I have.