আজকাল 점점 বেশি ওয়েব ডিজাইনার "রেসপন্সিভ" ওয়েবসাইট তৈরি করছেন—অর্থাৎ, সেগুলো আপনি যে ডিভাইস থেকে ব্রাউজ করছেন তার জন্য সবচেয়ে উপযুক্ত ফরম্যাটে কন্টেন্ট দেখানোর জন্য নিজে খোদে বদলে যাবে। উদাহরণস্বরূপ, আপনি যদি আইফোনে Macgasm ভিজিট করেন, হোমপেজের হেডলাইন টেক্সট এবং ছবিগুলো স্বয়ংক্রিয়ভাবে আরও মোবাইল-বান্ধব আকারে রিসাইজ হয়ে যাবে। আপনি যদি একটি ওয়েবসাইট তৈরি করছেন এবং চান দেখতে এটি ভিন্ন স্ক্রিন আকারে কীভাবে দেখায়, তবে সাফারির নতুন রেসপন্সিভ ডিজাইন মোড আপনার জন্যই।
রেসপন্সিভ ডিজাইন মোড সক্রিয় করা
এটি ব্যবহার করতে হলে আপনার OS X El Capitan চালু থাকতে হবে, এবং যদি ইতিমধ্যে না করে থাকেন তবে সাফারির Develop মেনু অন করতে হবে। এতে জন্য Safari > Preferences-এ যান, Advanced-এ ক্লিক করুন, তারপর "Show Develop menu in menu bar" লেবেলযুক্ত বক্সটি চেক করুন।
আপনার কাজ করছেন এমন ওয়েবপেজে যান, তারপর Develop > Enter Responsive Design Mode-এ যান। একদম তখনই আপনি দেখতে পাবেন আপনার পেজটি বিভিন্ন iOS ডিভাইসের পাশাপাশি অন্যান্য সাধারণ স্ক্রিন রেজোলিউশনে কীভাবে দেখায়। মাউস পয়েন্টার ওয়েবপেজের প্রান্তে নিয়ে বাম বা ডান ড্র্যাগ করলে ভিউয়েবল এলাকা রিসাইজ করতে পারবেন। উপলব্ধ বিভিন্ন ভিউয়েবল এলাকাগুলোর মধ্যে টগল করুন, এবং দেখুন আপনার ওয়েবপেজটি ডিভাইস থেকে ডিভাইসে কীভাবে বদলায়—হয়তো আপনি এমন একটি বাগ খুঁজে পাবেন যা আপনি আগে লক্ষ্য করেননি।
কাজ শেষ হলে, Develop > Exit Responsive Design Mode-এ যান।
