স্মার্টফোন দিয়ে ওয়েবসাইটের রেসপন্সিভিটি চেক করুন!

আপনি এই পোস্ট ওপেন করেছেন তার মানে আশা করা যায় আপনার একটি ওয়েবসাইট আছে।আজকাল ভিন্ন ভিন্ন ভিজিটর ভিন্ন ভিন্ন স্কিনের ডিভাইজ থেকে সাইট ভিজিট করে থাকে, তাই সব ডিভাইজের ভিজিটরের কাছে সাইটের ডিজাইন ফ্রেন্ডলী রাখার জন্য আপনার ওয়েবসাইট রেসপন্সিভ থাকা জরুরী। হয়তো অনেকের ওয়েবসাইট রেসপন্সিভ করেই ডিজাইন করা হয়েছে! হতে পারে আপনার সাইটও ফুল রেসপন্সিভ! তো চলুন আজকের আর্টিকেলে রেসপন্সিভ ওয়েবসাইট কি এবং আপনার ওয়েবসাইট রেসপন্সিভ কি না সেটা কিভাবে চেক করবেন সেই বিষয়ে আলোচনা করা যাক।

রেসপন্সিভ ওয়েবসাইট কি?

একটি ওয়েবসাইটকে যখন সকল সাইজের স্কিনের ডিভাইজের জন্য ফ্রেন্ডলী করে ডিজাইন করা হবে আমরা তখন তাকে রেসপন্সিভ ওয়েবসাইট বলতে পারি। উদাহারণ স্বরূপ আপনি যদি আমাদের এই সাইট ল্যাপটপ বা ডেক্সটপ থেকে ভিজিট করেন তাহলে জাস্ট ব্রাউজার উইন্ডো রিসাইজ করে দেখুন সাইটের ডিজাইন পরিবর্তন হবে, আর সকল স্কিন সাইজেই ঐ স্কিনের উপযোগী একটি ডিজাইন দেখতে পাবেন। এক কথায় বলতে গেলে সকল সাইজের স্কিনে ব্যবহার উপযোগী করে সাইট ডিজাইন করা হলে সেটাকেই রেসপন্সিভ ওয়েবসাইট বলা হবে।


কিভাবে রেসপন্সিভিটি চেক করবেন?
এবার তাহলে টাইটেলে দেওয়া কাজের কথায় আসি! আপনি যদি ল্যাপটপ অথবা ডেক্সটপ ইউজ করে থাকেন তাহলে খুব সহজেই জাস্ট ব্রাউজার উইন্ডো রিসাইজ করেই সাইটের রেসপন্সিভিটি চেক করতে পারেন। কিন্তু যদি মোবাইল ডিভাইজ ইউজ করে থাকেন তাহলে! ওয়েল, মুলত এই সমস্যার সমাধান দিতেই এই আর্টিকেল লিখা।

প্রথমেই আপনার ওয়েব ব্রাউজার ওপেন করে অ্যাড্রেস বারে responsivedesignchecker.com টাইপ করে এন্টার করুন। এবার ওয়েবসাইট টা লোড হলে দেখুন সেখানে সাইটের অ্যাড্রেস লেখার জন্য একটি অ্যাড্রেস বার আছে, সেখানে আপনার সাইটের অ্যাড্রেস লিখে GO বাটনে ক্লিক করুন অথবা এন্টার কী তে ক্লিক করুন।


এবার আপনার ওয়েবসাইট একটি আইফ্রেম এর মধ্যে লোড হবে। তো লোড হলে এবার আপনার সাইটের রেসপন্সিভিটি চেক করার জন্য রেডি।


ডেস্কটপ ফ্রেন্ডলী চেক: ডেস্কটপ ফ্রেন্ডলী চেক করার জন্য আপনার সাইটের ফ্রেমের উপরে থাকা ডেস্কটপ আইকন এ ক্লিক করে আপনি যে স্কিনের ডেস্কটপ এর জন্য রেসপন্সিভিটি চেক করতে চান সেটা সিলেক্ট করুন। তাহলেই আইফ্রেম এর মধ্যে আপনার সিলেক্ট করা স্কিন সাইজের জন্য আপনার সাইটের ইউজার ইন্টারফেস কেমন সেটা দেখানো হবে।


ট্যাবলেট ফ্রেন্ডলী চেক: ট্যাবলেট ফ্রেন্ডলী চেক করার জন্য সাইটের ফ্রেমের উপরে থাকা ট্যাবলেট আইকন এ ক্লিক করে আপনি যে স্কিনের ট্যাবলেট এর জন্য রেসপন্সিভিটি চেক করতে চান সেটা সিলেক্ট করুন। তাহলেই আইফ্রেম এর মধ্যে আপনার সিলেক্ট করা স্কিন সাইজের জন্য আপনার সাইটের ইউজার ইন্টারফেস কেমন সেটা দেখানো হবে।


মোবাইল ফ্রেন্ডলী চেক: মোবাইল ফ্রেন্ডলী চেক করার জন্য সাইটের ফ্রেমের উপরে থাকা মোবাইল আইকন এ ক্লিক করে আপনি যে স্কিনের মোবাইল এর জন্য রেসপন্সিভিটি চেক করতে চান সেটা সিলেক্ট করুন। তাহলেই আইফ্রেম এর মধ্যে আপনার সিলেক্ট করা স্কিন সাইজের জন্য আপনার সাইটের ইউজার ইন্টারফেস কেমন সেটা দেখানো হবে।



তো বন্ধুরা আশা করি আপনারা বুঝে গেছেন। তাছাড়া না বোঝার কোনো কারণও নেই কেননা এটা খুবই সিম্পল একটি টপিক ছিলো। তো আগামী আর্টিকেল নিয়ে আসছি শীঘ্রই। ততক্ষণ আমাদের সাইটের সাথেই থাকুন, ধন্যবাদ।

3/মন্তব্য করুন/টি মন্তব্য

একটি মন্তব্য পোস্ট করুন

নবীনতর পূর্বতন