মুভ এলিমেন্ট (Move Element)

ডিজাইন নিয়ে আলোচনার সময় প্রায়ই প্রশ্ন ওঠে "এই বাটনটি যদি আমরা ওপরে নিয়ে যাই তবে কেমন হবে?" অথবা "সাইডবারটি ডান দিকে থাকলে কি লেআউটটি আরও ভালো দেখাবে?" সাধারণত এই প্রশ্নগুলোর উত্তর পেতে কোড এডিট করা, পুনরায় ডিপ্লয় করা এবং প্রিভিউ করার প্রয়োজন হয়। মুভ এলিমেন্ট এই পুরো প্রক্রিয়াটিকে সংক্ষিপ্ত করে দেয়। শুধু এলিমেন্টে ক্লিক করুন, ড্র্যাগ করুন এবং ফলাফল দেখুন। টুলটি রিয়েল-টাইমে এলিমেন্টে CSS পজিশন পরিবর্তন প্রয়োগ করে, যা এর ভিজ্যুয়াল চেহারা বজায় রেখে অবাধ পজিশনিংয়ের সুযোগ দেয়। অ্যালাইনমেন্ট গাইডগুলো অন্যান্য এলিমেন্ট এবং পেজের ধারের সাথে স্ন্যাপ করে, যা আপনাকে নিখুঁতভাবে এলিমেন্ট বসাতে সাহায্য করে। একটি ঘোস্ট (ghost) আউটলাইন এলিমেন্টের আসল অবস্থান চিহ্নিত করে রাখে যাতে আপনি সর্বদা দেখতে পারেন এলিমেন্টটি কোথা থেকে এসেছে। আর ফলাফল পছন্দ না হলে, আনডু (undo) করে তাৎক্ষণিকভাবে আগের অবস্থায় ফিরে যেতে পারেন। সমস্ত পরিবর্তন নিখুঁতভাবে ভিজ্যুয়াল — এগুলো ব্রাউজারের মেমরিতে থাকে এবং পেজ রিফ্রেশ করলে সম্পূর্ণ অদৃশ্য হয়ে যায়। আসল HTML এবং CSS ফাইলগুলো কখনই পরিবর্তিত হয় না।