ফায়ারফক্স এবং ক্রোমের চমৎকার ২টি এডনস, এবার জটিলকে সহজ করার পথে আরো একধাপ এগিয়ে যান সাথে থাকছে আমার অপ্রয়োজনীয় কিছু প্যাচাল।

Level 7
সুপ্রিম টিউনার, টেকটিউনস, ঢাকা

-------------------------- بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ --------------------------

সুপ্রিয় টেকটিউনস কমিউনিটি সবাইকে আমার সালাম এবং শুভেচ্ছা জানিয়ে শুরু করছি আমার আজকের টিউন ।

টিউনের মুল কথায় আসার আগে অফটপিক কিছু কথা বলি। কেউ না পড়তে চাইলে ২ প্যারা স্কিপ করতে পারেন। টিউনটি গত পহেলা বৈশাখে লিখেছিলাম কিন্তু সেদিন কিছু একটা সমস্যার কারনে পাবলিশড করতে পারিনি আর পরে টিউনের কথা ভুলে যাই। জানিনা এর মাঝে কেউ এ বিষয়ে টিউন করছে কিনা। কেউ করে থাকলে আমি ক্ষমা প্রার্থী। আমি টিউনটি নষ্ট করতে চাইনা।

টেকটিউনস বিশ্বের সর্ববৃহৎ বাংলা প্রযুক্তি ব্লগ। ব্যাক্তিগত ভাবে আমি সহ যারা টেকটিউনসের সাথে যুক্ত তাদের হৃদয়ের স্পন্দন এই প্রযুক্তি ব্লগ। একটা সময় ছিল যখন একদিন টেকটিউনস ভিজিট করতে না পারলে অসম্ভব রকম খারাপ লাগতো । নেট কানেকশন দিয়ে সর্বপ্রথম টেকটিউনসে আসতাম তারপর অন্য কিছু। বন্ধুদের সাথে আড্ডাতেও টেকটিউনসের কথা উঠে আসতো। আমি সহ এমন অনেক কে পেয়েছি যাদের কাছে টেকটিউনস ছিল ফেসবুকের চেয়েও প্রিয়। ২ দিন যদি পর পর টেকটিউনসে না আসতাম তাহলে দেখা যেত অনেক নতুন টিউন পড়ার বাকি রয়ে গেছে। কিন্তু অতিশয় দুঃখের সঙ্গে জানাতে হচ্ছে টেকটিউনসের সেই দিন গুলো এখন কেবলি স্মৃতি। যদি কোন সঙ্গিত শিল্পী হতাম তাহলে হয়তো ‘মান্না দে’ এর মতো গান ধরতাম, কোথায় হারিয়ে গেল সোনালী দিনগুলো সেই আজ আর নেই।

এখন আর নিয়মিত টেকটিউনসে আসা হয় না, এক সপ্তাহ পরেও যদি আসি তাহলে দেখা যায় এক বা দেড় পেজ দেখতে না দেখতেই নতুন টিউনগুলো শেষ । তবে তার চেয়েও দুঃখের বিষয় কাজের চেয়ে অকাজের টিউন দিয়ে ভর্তি হয়ে আছে পেজগুলো। সমস্যাগুলো আসলে কোথায়? টেকটিউনসের এরকম খরার কারন কি? বর্তমানে টেকটিউনসের নতুন ব্লগার রেজিস্ট্রেশন বন্ধ হয়ে আছে, পুরাতন ব্লগাররাও ব্লগ লিখতে লিখতে এখন ক্লান্ত। চাতক পাখির মতো আমরা আমাদের প্রিয় টিউনারদের টিউনের জন্য অপেক্ষা করলেও তারা মাঝে মাঝে হ্যালির ধুমকেতুর মতো উদয় হয়ে আবার হারিয়ে যায়। আমার আসঙ্কা হচ্ছে এরকম যদি চলতেই থাকে তাহলে হয়তো আমরা খুব শীঘ্রই আমাদের অর্জিত সুনাম হারিয়ে ফেলবো। আমি টেকটিউনস কর্তৃপক্ষের কাছে অনুরোধ করবো যতো শীঘ্রই পারা যায় টেকটিউনসের নতুন ব্লগার রেজিস্ট্রেশন চালু করে পোস্টগুলো ভালোভাবে মডারেইট করে পাবলিশ করতে।

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

গুগল ক্রোম রেসপনসিভ এডনসঃ

গুগল ক্রোমের জন্য আমরা যে এডনসটি ব্যবহার করবো তার নাম Window Resizer. প্রথমে এখান থেকে Window Resizer ব্রাউজার এক্সটেনশনটি ডাউনলোড করে নিন। ডাউনলোড শেষ হলে ব্রাউজারের ডান পাশে টুলবার হিসাবে Window Resizer এর আইকন আসবে। যদি না আসে তাহলে আপনি এড্রেসবারে টাইপ করুন chrome://extensions/ এবং এন্টার চাপুন তাহলে নিচের মতো উইন্ডো আসবে।

এখন বৃত্তে দেখানো স্থান হতে এনাবল অপশনটি চেক করে দিয়ে বেরিয়ে আসুন। তাহলে স্বাভাবিক উইন্ডো দেখতে পাবেন এবং ডানপাশের টুলবার হতে Window Resizer টুলবারে (বৃত্তে লাল চিহিৃত স্থান) ক্লিক করুন এবং লক্ষ করুন নিচের মতো উইন্ডো আসছে । এবং আপনি আপনার পছন্দমতো সাইজ পছন্দ করুন এবং মনের সুখে কাজ করুন।

মজিলা ফায়ারফক্স রেসপনসিভ এডনসঃ

মজিলা ফায়ারফক্স এর জন্য আমরা যে এডনসটি ব্যবহার করবো তার নাম Firesizer. প্রথমে এখান থেকে Firesizer ব্রাউজার এডনটি ডাউনলোড করে নিন। তারপর আপনার কিবোর্ড থেকে Ctrl+Shift+A চাপুন। তাহলে নিচের মতো উইন্ডো দেখতে পাবেন।

এখন বৃত্তে দেখানো স্থান হতে অপশন লেখাটিতে ক্লিক করুন। তাহলে নিচের মতো উইন্ডো দেখতে পাবেন। এখান থেকে আপনি আপনার পছন্দ মতো ডিফল্ট সাইজ বা কাস্টম সাইজ দিয়ে Ok করে বেরিয়ে আসুন।

আশা করি আপনারা খুব সুন্দর ভাবে কাজটি করতে পেরেছেন।

শেষ কথা

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

আপনাদের সাহায্যার্থে আমি আছি........

ফেসবুক | টুইটার | গুগল-প্লাস

Level 7

আমি সানিম মাহবীর ফাহাদ। সুপ্রিম টিউনার, টেকটিউনস, ঢাকা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 176 টি টিউন ও 3500 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 157 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আগে যা শিখেছিলাম এখন তা শেখানোর কাজ করছি। পেশায় একজন শিক্ষক, তবে মনে প্রাণে টেকনোলজির ছাত্র। সবার দোয়া প্রত্যাশি।


টিউনস


আরও টিউনস


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


টিউমেন্টস

থ্যাংকস

আপনাকেও ধন্যবাদ প্রথম টিউমেন্টের জন্য।

    @সানিম মাহবীর ফাহাদ: apnr tune gulo chomotkar hoy….
    wellcome

Thanks for share with us.

valoi

Level 0

ডেভলপমেন্টে এডঅন দুটি খুবই কাজের জিনিস…..তবে ক্রোমেরটা ব্যবহার করা সহজ, এটা ইউজার ফ্রেন্ডলি……কিন্তু ফায়ারফক্সে জিনিসটা সুবিধার না- কারন আলাদা করে এডঅন বার ইনষ্টল করতে হয়…..ঝামেলা

টিউনের জন্য ধন্যবাদ 🙂

টিউমেন্টের জন্য ধন্যবাদ। আসলে ডেভেলপারদের জন্য ক্রোম যতোটা ভালো মজিলা তার আশেপাশেও নেই।

Firefox এ ডিফলট ভাবেই এমন ফাংশন দেয়া আছে। শুধু মাত্র Ctrl+Shift+M Press করে স্কিন সাইজ কমানো বাড়ানো যায় আর রেসপন্সিভ ও চেক করা যায়