প্রতিক্রিয়াশীল ডিজাইন কি? (ব্যাখ্যাকারী ভিডিও এবং ইনফোগ্রাফিক)

প্রতিক্রিয়াশীল ওয়েব ডিজাইন

এর জন্য এক দশক লেগেছে প্রতিক্রিয়াশীল ওয়েব ডিজাইন (আরডাব্লুডি) যেহেতু মূলধারায় যেতে হবে ক্যামেরন অ্যাডামস প্রথম প্রবর্তিত ধারণাটি. ধারণাটি উদ্ভাবনী ছিল - আমরা যে সাইটগুলিতে দেখা হচ্ছে তার ভিউপোর্টের সাথে মানিয়ে নেওয়া সাইটগুলি কেন ডিজাইন করতে পারি না?

প্রতিক্রিয়াশীল ডিজাইন কি?

প্রতিক্রিয়াশীল ওয়েব ডিজাইন (আরডাব্লুডি) হ'ল একটি ওয়েব ডিজাইন পদ্ধতির লক্ষ্য যা সাইটগুলি সর্বোত্তম দেখার অভিজ্ঞতা প্রদানের উদ্দেশ্যে তৈরি করা হয় - সর্বনিম্ন আকার পরিবর্তন, প্যানিং এবং স্ক্রোলিং সহ সহজ পড়া এবং নেভিগেশন devices বিভিন্ন ডিভাইস জুড়ে (মোবাইল ফোন থেকে ডেস্কটপ কম্পিউটারে মনিটর)। আরডাব্লুডি দিয়ে তৈরি একটি সাইট তরল, অনুপাত ভিত্তিক গ্রিড, নমনীয় চিত্র এবং CSS3 মিডিয়া ক্যোয়ারী, @ মিডিয়া নিয়মের একটি এক্সটেনশান ব্যবহার করে দেখার পরিবেশের সাথে লেআউটটিকে রূপান্তর করে।

উইকিপিডিয়া

অন্য কথায়, চিত্রগুলির মতো উপাদানগুলি সেই উপাদানগুলির বিন্যাসের পাশাপাশি সামঞ্জস্য করা যায়। এখানে এমন একটি ভিডিও রয়েছে যা আপনার কোম্পানির কেন এটি প্রয়োগ করা উচিত সেই সাথে প্রতিক্রিয়াশীল ডিজাইন কী তা ব্যাখ্যা করে। আমরা সম্প্রতি পুনর্নির্মাণ করেছি DK New Media সাইটটি প্রতিক্রিয়াশীল হতে হবে এবং এখন কাজ করছে Martech Zone একই কাজ!

প্রতিক্রিয়াযুক্ত সাইট তৈরির পদ্ধতিটি কিছুটা ক্লান্তিকর কারণ আপনার ভিউপোর্টের আকারের উপর ভিত্তি করে সংগঠিত করা আপনার স্টাইলগুলিতে হায়ারার্কি থাকা দরকার।

ব্রাউজারগুলি তাদের আকার সম্পর্কে স্ব-সচেতন, তাই তারা স্ক্রিনের আকারের জন্য প্রযোজ্য শৈলীর অনুসন্ধান করে স্টাইলশিটটি উপর থেকে নীচে পর্যন্ত লোড করে। এর অর্থ এই নয় যে আপনাকে প্রতিটি আকারের স্ক্রিনের জন্য বিভিন্ন স্টাইলশিট ডিজাইন করতে হবে, আপনাকে কেবল প্রয়োজনীয় উপাদানগুলি স্থানান্তর করতে হবে।

একটি মোবাইল-প্রথম মানসিকতার সাথে পরিচালনা করা আজকের বেসলাইন মান। সেরা-শ্রেণীর ব্র্যান্ডগুলি কেবল তাদের সাইটটি মোবাইল-বান্ধব কিনা তা নিয়ে নয় তবে পুরো গ্রাহকের অভিজ্ঞতা সম্পর্কে ভাবছে।

লুসিডা ডানকালেফ, মনিটেট সিইও

একাধিক ডিভাইসের জন্য একটি প্রতিক্রিয়াশীল নকশা তৈরির সম্ভাব্য সুবিধাগুলি চিত্রিত করে এখানে মনিটেটের একটি ইনফোগ্রাফিক রয়েছে:

প্রতিক্রিয়াশীল ওয়েব ডিজাইন ইনফোগ্রাফিক

আপনি যদি কোনও প্রতিক্রিয়াশীল সাইট দেখতে চান তবে আপনার নির্দেশ করুন গুগল ক্রোম ব্রাউজারে (আমি বিশ্বাস করি ফায়ারফক্সের একই বৈশিষ্ট্য রয়েছে) DK New Media। এখন নির্বাচন করুন দেখুন> বিকাশকারী> বিকাশকারী সরঞ্জাম মেনু থেকে এটি ব্রাউজারের নীচে একগুচ্ছ সরঞ্জাম লোড করবে। বিকাশকারী সরঞ্জাম মেনু বারের খুব বাম দিকে ছোট মোবাইল আইকনে ক্লিক করুন।

প্রতিক্রিয়াশীল-পরীক্ষার ক্রোম

ল্যান্ডস্কেপ থেকে প্রতিকৃতিতে দৃশ্য পরিবর্তন করতে আপনি শীর্ষে নেভিগেশন বিকল্পগুলি ব্যবহার করতে পারেন, বা এমনকি প্রাক-প্রোগ্রামযুক্ত ভিউপোর্ট মাপের কয়েকটি নির্বাচন করতে পারেন। আপনাকে পৃষ্ঠাটি পুনরায় লোড করতে হতে পারে তবে আপনার প্রতিক্রিয়াশীল সেটিংস যাচাই করার জন্য এবং আপনার সাইটটি সমস্ত ডিভাইসে দুর্দান্ত দেখাচ্ছে তা নিশ্চিত করার জন্য এটি বিশ্বের সবচেয়ে দুর্দান্ত সরঞ্জাম!

3 মন্তব্য

  1. 1
  2. 2

    এই ভালভাবে ব্যাখ্যা করা নিবন্ধের জন্য আপনাকে প্রচুর ডগলাস ধন্যবাদ। বিষয়গুলির বিষয়বস্তু থাকা সত্ত্বেও আমাকে অবশ্যই এটির সাথে একমত হতে হবে। বেশিরভাগ সাইটের জন্য আমরা একটি প্রতিক্রিয়াশীল বিন্যাস তৈরি করব না। আমাদের প্রতিক্রিয়াশীল সামগ্রী দরকার need তবে আরও বেসিক ওয়েবসাইটগুলির জন্য আমরা এটি হ্যান্ডেল করার বিষয়ে আপনার ভাল নথিভুক্ত নিবন্ধটি অবশ্যই ব্যবহার করব!

    • 3

      আমি মনে করি আপনি ঠিক বলেছেন, হারুন। কেবলমাত্র জিনিসগুলির আকার পরিবর্তন এবং স্থানান্তরিত করার পক্ষে এটি যথেষ্ট নয় ... আমাদের সামগ্রিকভাবে কার্যকরভাবে কার্যকরভাবে ব্যবহার করাও দরকার।

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.