Responsive Web Designer ও App Developer দের স্বপ্নের ব্রাউজার Polypane – শুধু একটি ব্রাউজার নয়, ডেভলপারদের জন্য একটি Cross Platform কমপ্লিট প্যাকেজ

টিউন বিভাগ ওয়েব ডেভেলপমেন্ট
প্রকাশিত
জোসস করেছেন

আপনি নিশ্চয়, Google Chrome অথবা Firefox ব্যবহার করে এই সাইটি দেখছেন। এই দুটি ব্রাউজার বানানো হয়েছে বিশেষ করে ওয়েব ব্রাউজিং এর জন্য এবং সত্যিই এই দুটি খুবই ভাল ওয়েব ব্রাউজ এর জন্য। শুধু ব্রাউজ করার জন্য না, এর মাধ্যমে আপনি কিছু ব্যাসিক কাজ করতে পারবেন, যেমনঃ ভিডিও স্টিমিং, সোর্স কোড দেখতে পারবেন, HTML CSS কোড দেখতে পারবেন ইত্যাদি।

রেস্পন্সিভ ওয়েব সাইট তৈরি করা একটু কঠিন কাজ কিন্তু এই কঠিন কাজটি আপনা জন্য সহজ করে দিচ্ছে ছোট্ট একটি টুলস যার নাম “Polypane”। এটি একটি ব্রাউজার, যা বানানো হয়েছে ওয়েব সাইট এবং অ্যাপস তৈরি এবং টেস্ট করার জন্য। ডেভলপারস, ডিজাইনারস, যারা ওয়েব এ কাজ করেন তাদের জন্য। এবং এটির সব অপারেটিং সিস্টেম (উইন্ডোজ, ম্যাক এবং লিনাক্স) সাপোর্ট করে।

এক নজরে Polypane এর ফিচার সমূহ

  • যেকোন ডিভাইস সাইজে ওয়েব সাইট দেখা ও Inspect করা
  • জনপ্রিয় ডিভাইসগুলোর ব্যবহার
  • ওয়েব সাইটের ব্রেকপয়েন্টের ব্যবহার
  • এক ক্লিকে সকল ডিভাইসের সকল সাইজের স্কিনসর্ট নিন
  • সকল স্ক্রিনের অ্যাকশান এক সাথে Sync
  • ফোকাস মুড
  • শক্তিশালী Devtools
  • লেআউট ডিবাগিং
  • ব্রাউজার জুম করুন

উপরে বর্ণিত ফিচার সমূহের বিস্তারিত, আমরা নিচের সেকশন থেকে জেনে নেই।

যেকোন সাইজে দেখুন আপনার ওয়েব সাইটকে

রেসপনসিভ ওয়েব সাইট ডেভেলোপ করতে আপনাকে কষ্ট করে ম্যানুয়ালি আর রিসাইজ করে দেখতে হবেনা, “Polypane” ব্রাউজার ব্যবহার করে একই পেইজে আপনি আপনার ওয়েব সাইটকে বিভিন্ন সাইজে দেখতে পারবেন। এখানে ২৫ টি জনপ্রিয় ডিভাইসে আপনার ওয়েব সাইট'টি ওপেন করতে পারবেন, একটি পেইজকে ২৫ টি ডিভাইসে একই সাথে দেখতে পারবেন।

ভাল করে বুঝতে ভিডিওটি দেখুন।

জনপ্রিয় ডিভাইসগুলোর ব্যবহার

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

উপরের ছবিতে আমি, iPhone Xs ডিভাইসে ওয়েব সাইটি ওপেন করেছি, এখন দেখবেন কিভাবে আপনারা ডিভাইস চেঞ্জ করবেন এবং ওয়েব সাইটি সেই ডিভাইসে কিরূপ দেখায় সেটাও দেখতে পারবেন।

উপরে লাল চিহ্নিত স্থানে ক্লিক করলে ড্রপডাউন মেনুতে সকল ডিভাইসের লিস্ট চলে আসবে, সেখান থেকে আপনি আপনার পছন্দের ডিভাইস সিলেক্ট করুন। এক্ষেত্রে, আমি iPhone Xr/iPhone Xs Max ডিভাইসটি সিলেক্ট করেছি। আপনারা আপনাদের ইচ্ছা মত সিলেক্ট করুন।

উপরে দেখতে পাচ্ছেন iPhone Xr/ iPhone Xs Max ডিভাইসে ওয়েব সাইটি দেখতে কেমন দেখায় তা আমরা সহজেই দেখে নিতে পারি। এক্ষেতে আমদের অনেক সময় বাঁচিয়ে দিচ্ছে সাথে সাথে আমরা আরও পোডাক্টিভ হতে পারছি। ভাল করে বুঝতে ভিডিওটি দেখুন।

ওয়েব সাইটের ব্রেকপয়েন্টের ব্যবহার

ডিভাইসের পরিবর্তে, আপনি চাইলে কন্টেন্ট অনুযায়ী আপনার ওয়েব সাইটকে ভাগ করতে পারবেন। Polypane's breakpoint ডিটেক্টশন খুব সহজেই আপনার ওয়েব সাইটকে বিভিন্ন ছোট থেকে বড় ভাগে ভাগ করে ফেলবে।

উপরের ছবিতে দেখতে পারছেন, কিভাবে একটি নির্দিষ্ট আকারে আপনার ওয়েব সাইটকে খুব সহজেই বিভিন্ন সাইজে দেখাবে, যাতে করে আপনি আপনার ওয়েব সাইট আরও রেস্পন্সিভ ভাবে ডেভলপড করতে পারেন। ভাল করে বুঝতে ভিডিওটি দেখুন।

এক ক্লিকে সকল ডিভাইসের সকল সাইজের স্কিনসর্ট নিন

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

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

সেভ হয়ে গেলে উপরের ছবির মত, আপনার নেওয়া স্কিনসর্ট'টি প্রিভিউ দেখাবে। ভাল করে বুঝতে ভিডিওটি দেখুন।

সকল স্ক্রিনের অ্যাকশান এক সাথে Sync

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

উপরের ছবিটায় লক্ষ করলে দেখতে পারবেন, সব গুলো সাইট একই সাথে সকল স্কিন থেকে স্কল করা হচ্ছে, ভাল করে বুঝতে ভিডিওটি দেখুন।

ফোকাস মুড

ফোকাস মুড ব্যবহার করে সিঙ্গেল ভিউয়ের সাথে, একটি ওয়েব সাইটের যেকোন স্টেইজকে আপনি চাইলে ছোট এবং বড় করতে পারবেন। আমি নিচের ছবিটির সেন্টার স্টেইজকে ফোকাস করবো।

দেখুন সেন্টার স্টেইজকে ফোকাস করে আমি ওয়েব সাইটের সাইজ কমিইয়ে দেখবো, ফোকাস মুড ঠিক ভাবে কাজ করছে কিনা এবং সাথে আমার ওয়েব সাইট ঠিক ভাবে রেসপন্সিভ হচ্ছে কিনা।

উপরের ছবিটায় লক্ষ করলে দেখতে পারবেন,  ফোকাস মুড এর মাধ্যমে আমি এই ওয়েব সাইট কে হাল্কা ছোট করেছি আপনি চাইলে আরও ছোট করে দেখতে পারেন, ভাল করে বুঝতে ভিডিওটি দেখুন।

শক্তিশালী Devtools

শক্তিশালী  Chromium-based devtools ব্যবহার করে, আপনি আপনার ওয়েব সাইট সহজেই ডিবাগিং করতে পারবেন।

ভাল করে বুঝতে ভিডিওটি দেখুন।

লেআউট ডিবাগিং

সিঙ্গেল toggle এর মাধ্যমে Polypane আপনাকে দেখাবে, কিভাবে আপনি ওয়েব পেজের লেআউট'টি তৈরি করেছেন। আপনাকে দ্রুত সমস্যা কোথায় আছে খুঁজে বের করতে সাহায্য করবে। এতে করে আপনি সহজেই সকল সমস্যার সমাধান খুব সহজে বের করতে পারবেন।

ভাল করে বুঝতে ভিডিওটি দেখুন।

ব্রাউজার জুম

শুধুমাত্র, একটি ডিভাইসকে অথবা সব ডিভাইসকে জুম ইন এবং জুম আউট করুন, ওয়েব সাইটের ভাল করে ওভারভিউ নিতে। যাতে করে সকল ফিচারগুলো ঠিকঠাক কাজ করছে কিনা ছোট থেকে বড় যে কোন ডিভাইসে।

ভাল করে বুঝতে ভিডিওটি দেখুন।

ডাউনলোড এবং সাবস্ক্রিপশন প্রক্রিয়া

দূর্ভাগ্য হলেও সত্যি এই যে সফটওয়্যারটি কোন ফ্রি ট্রায়াল বা ফ্রি ভার্সন নেই।  আপনি ৭ দিনের ট্রায়াল পাবেন যেকোনো একটা লাইসেন্স কিনলেই একটিভেট করে এটি ব্যবহার করতে হবে। এটি যেহেতু প্রোফেশনালদের জন্য তৈরি করা তাই এরকম হয়ত। তবে ইউজার বাড়লে ওর ফ্রি ভার্সনও চলে আসতে পারে।

Polypane তিনটি প্যাকেজ যথাক্রমে Pro, Team, and Companey পাওয়া যাচ্ছে এবং এই অ্যাপস আপনি দুই ভাবে সাবস্ক্রাইব করতে পারেন, মাসিক এবং বাৎসরিক (Pro, Team এ ২০% সেভ করতে পারবেন যদি একত্রে বাৎসরিক বিল প্রদান করেন)।

কিনতে চাইলে এখান থেকে সাবস্ক্রাইব করুন এবং বাংলাদেশ থেকে কিনতে অবশ্যই ডুয়েল কারেন্সি ক্রেডিট কার্ড দিয়ে আপনাকে কিনতে হবে।

সাবস্ক্রাইব করা হয়ে গেলে, আপনার অপারেটিং সিস্টেম অনুযায়ী অ্যাপস টি এখান থেকে ডাউনলোড করে নিন।

এক নজরে তিনটি প্যাকেজের সুবিধা

Pro এক জন ব্যবহারকারী ব্যবহার করতে পারবে। মাসিক ফি $15 যা বাংলাদেশী টাকায় ১২১৮ টাকা প্রায়। আর যদি আপনি বাৎসরিক $144 ফি দেন তাহলে মাসে $12 করে পরে, যা বাংলাদেশী টাকায় প্রায় ১২১১৫ টাকা প্রায়।

  • ৭ দিনের ফ্রি ট্রায়াল
  • উইন্ডোজ, ম্যাক এবং লিনাক্স এর জন্য পাবেন।
  • অনেক গুলো ডিভাইস এবং স্কিনসর্ট নিতে পারবেন।
  • সর্বোচ্চ তিনটি কম্পিউটারে ইন্সটল দিতে পারবেন।
  • কন্টিনিউয়াস আপডেট এবং নতুন সব ফিচার উপভোগ করতে পারবেন।
  • ইমেইল সাপোর্ট

Team সর্বোচ্চ ১০ জন ব্যবহারকারী ব্যবহার করতে পারবে। মাসিক ফি $59 যা বাংলাদেশী টাকায় ৪৯৬৪ টাকা প্রায়। আর যদি আপনি বাৎসরিক $588 ফি দেন তাহলে মাসে $49 করে পরে, যা বাংলাদেশী টাকায় প্রায় ৪৯৪৬৯ টাকা প্রায়।

Pro এর সব ফিচার এবং অতিরিক্ত যা পাবেন

  • ৭ দিনের ফ্রি ট্রায়াল
  • ম্যানেজমেন্ট কনসোল এর মাধ্যমে লাইসেন্স রিঅ্যাসাইন
  • প্রাওরিটি সাপোর্ট
  • একটি অ্যাকাউন্ট এর মাধ্যমে সকল ইউজারকে ম্যানেজ এবং ইনভয়েস করা।

Companey সর্বোচ্চ ১০ এর অধিক ব্যবহারকারী ব্যবহার করতে পারবে। এই প্যাকেজ এর প্রাইস কাস্টম, মানে আপনকে Polypane এর সাথে যোগাযোগ করে এর ফি নির্ধারণ করতে হবে।

Team এর সব ফিচার এবং অতিরিক্ত যা পাবেন

  • একাধিক টিম
  • কাস্টম বিলিং
  • অ্যাকাউন্ট ম্যানেজার সাপোর্ট
  • SSO ইন্টিগ্রেশন (কাস্টম)

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

এই ব্রাউজারের আছে বিল্ট ইন ফিচার যেমনঃ ব্রেকপয়েন্টে ডিটেক্টশন,  css লেআউট ডিবাগিং এবং multi-pane স্কিনসর্ট। এই সমস্ত ফিচার, আপনাকে আগের থেকে অনেক বেশি কাজ, অনেক দ্রুত শেষ করতে সাহায্য করে।

Level 8

আমি রায়হান ফেরদৌস। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 175 টি টিউন ও 131 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 72 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস