একজন ওয়েব ডিজাইনার এবং ডেভেলপারদের কর্মজীবনের অর্ধেক সময় ব্যয় করে কোড এডিটরে আর অর্ধেক ব্রাউজারে। সময়ের সাথে সাথে এ ধারার বিবর্তন হচ্ছে। কারণ, ইন্টারনেট ব্রাউজারের মাধ্যমেও কোড এডিটরের অনেক কাজ সমাধান করা সম্ভব। পাশাপাশি ব্রাউজার এক্সটেনশনগুলো কাজকে আরও বেশী নিখুঁত, দ্রুত এবং সহজ করে দিচ্ছে।
আপনি নিশ্চয়ই জানেন, ব্রাউজার এক্সটেনশন কি, এর ফাংশন ও ইতিহাস সম্পর্কে বিস্তারিত। এখন জানুন, এমন কিছু ব্রাউজার এক্সটেশন সম্পর্কে যেগুলো একজন ওয়েব ডিজাইনার ও ডেভেলপারের জন্যে দারুণ কাজের। কেননা, এই এক্সটেশনগুলো আপনার ওয়েব ডিজাইনিং ও ডেভেলপিংকে আরো দ্রুত এবং সহজ করে তুলবে।
বর্তমান সময়ে সবচাইতে বেশী ব্যবহৃত ব্রাউজার গুগল ক্রোম। কথাটি আমার নয়, w3schools এর। তাদের জরিপ অনুযায়ী ২০১৮ সালের অক্টোবর মাসে ক্রোম ব্যবহারকারীর সংখ্যা ৭৯.৬%। এরকম পরিস্থিতিতে ক্রোম ব্যবহারকারীদের জন্য লেখাই উত্তম। কেননা, কেবল গুগল ক্রোমেই দ্রুত ব্রাউজিং করা যায় এবং নিখুঁত ব্রাউজিং এর জন্যে গুগল ক্রোমের অনেক এক্সটেনশন রয়েছে।
আপনার কাজকে সহজ, নিখুঁত এবং স্মার্ট করতে আজকে বেশ কিছু জনপ্রিয় ক্রোম এক্সটেনশন নিয়ে হাজির হলাম।
ওয়েব ডিজাইন এবং ডেভেলপারদের জন্য ক্রোম এক্সটেনশন
১. Web Developer
বৈশিষ্ট্য:
- ডিজাইন এবং ডেভেলপমেন্টের সর্বাধিক টুলস সমৃদ্ধ
- প্লাগইন, কুকি, ইমেজ নিষ্ক্রিয় করার সুবিধা
- উইন্ডো রিসাইজ, সিএসএস ভ্যালিডেশনের সুবিধা
নামের সাথে এর কাজেরও মিল রয়েছে। একজন ওয়েব ডিজাইনার বা ডেভেলপারের জন্য এটা একটা মাস্টার পিস এক্সটেনশন। অল্প কথায় এরকম দুর্দান্ত এক্সটেনশনের সুবিধা বা বৈশিষ্ট্য বর্ণনা করা সম্ভব না। আপনারা ব্যবহার করে দেখতে পারেন।
২. WhatRuns
বৈশিষ্ট্য:
- ওয়েবসাইটের হোস্টিং বা সার্ভারের নাম জানা যায়
- ফ্রেমওয়ার্ক, ডাটাবেজ সহ ফন্টের নাম জানা যায়
- সিএমএস, অ্যাড কোম্পানি সহ আরও অনেক কিছু জানা যায়
যেকোন ওয়েব সাইটের উপর গোয়েন্দাগিরি করার জন্য WhatRuns আপনাকে অনেক সাহায্য করবে। ওয়েবসাইটের অনেক অজানা তথ্য, আপনি এই এক্সটেনশনের মাধ্যমে খুব সহজে বের করতে পারবেন।
৩. Fontface Ninja
বৈশিষ্ট্য:
- যেকোন ওয়েবসাইটের ফন্টের নাম এবং সাইজ দেখা যায়
- ওয়েবসাইটে থাকা ইমেজের ফন্টের নাম জানা যায়
- সরাসরি ফন্ট ডাউনলোড এবং ক্রয় করা যায়
ওয়েব ডিজাইনার এবং ডেভেলপার হতে হলে, অন্য ওয়েবসাইট থেকে আইডিয়া নিতে হবে। তবে আইডিয়া নেয়ার পাশাপাশি, যদি সাইটে থাকা ফন্টের নামও জানতে পারেন তাতে মন্দ কি? Fontface Ninja আপনাকে ফন্টের নাম, সাইজ এমনকি ডাউনলোড করার সুবিধাও দিবে।
৪. Stylebot
বৈশিষ্ট্য:
- সিএসএস এডিট করা যায়
- এডিটের রেজাল্ট লাইভ দেখা যায়
- ব্যবহার করা বেশ সহজ
পূর্বে বলেছিলাম বর্তমান ব্রাউজারের মাধ্যমে কোড এডিটের অনেক কাজ করা যায়। Stylebot আপনাকে এই সুবিধা প্রদান করবে। এর মাধ্যমে আপনি আপনার সাইট কিংবা অন্যের সাইটের সিএসএস মডিফাই এবং লাইভ রেজাল্ট দেখতে পারবেন।
৫. Page Ruler
বৈশিষ্ট্য
- যেকোন ওয়েবসাইটের, সব কিছুর সাইজ মাপা যায়
- ইচ্ছা মত কাস্টমাইজড করা যায়
- এলিমেন্ট মোডে, এলিমেন্ট দেখা যায়
ডিজাইনের সৌন্দর্য বৃদ্ধি পায়, নির্ধারিত সাইজ ব্যবহারের মাধ্যমে। তাই ডিজাইনকে আকর্ষণীয় করতে প্রয়োজন নিখুঁত সাইজের। আর এই নিখুঁত সাইজ নিতে আপনাকে সাহায্য করবে Page Ruler।
৬. Check My Links
বৈশিষ্ট্য:
- অকার্যকর লিংক যাচাইয়ের সুবিধা
- কি-বোর্ড শর্টকাট ব্যবহারের সুবিধা
- কনসল লগে দেখার সুবিধা
মানুষ মাত্রই ভুল তাই কাজের সময় ভুল লিংক টাইপ হওয়াটা অস্বাভাবিক নয়। অস্বাভাবিক হবে যদি আপনি পরবর্তীতে ব্যবস্থা না নেন। আপনার এই কঠিন কাজটি সহজে করে দিবে Check My Links।
৭. UX Check
বৈশিষ্ট্য:
- ওয়েবসাইটে ব্যবহারকারীদের প্রতিকূল যেকোন কিছু জানা যায়
- ভুল গুলো মার্ক করে ফলাফল দেখায়
- ফলাফল ডাউনলোডের সুবিধা
ইউএক্স তথা ইউজার এক্সপিরিয়েন্স ওয়েবসাইটের জন্য খুব গুরুত্বপূর্ণ। আপনি ওয়েবসাইট তৈরি করলেন কিন্তু কোন মানুষ ভিজিট করলো না কিংবা ভিজিটের পর বিরক্ত হয়ে গেল। এটা আপনার ব্যর্থতা। তবে এই ব্যর্থতা থেকে পরিত্রাণ দিতে পারে UX Check।
৮. Awesome Screenshot: Screen Video Recorder
বৈশিষ্ট্য:
- স্ক্রিনশট নেয়ার সুবিধা
- স্ক্রিনশট এডিট করার সুবিধা
- স্ক্রিন রেকর্ডের সুবিধাও রয়েছে
মাঝে মাঝে ওয়েবসাইটের স্ক্রিনশট নেয়ার প্রয়োজন পরে, আপনার এই প্রয়োজন পূরণ করতে সহায়তা করবে এই এক্সটেনশনটি। এছাড়া আপনি এর মাধ্যমে আপনার কার্যক্রমের স্ক্রিন রেকর্ড করতে পারবেন।
৯. Image Downloader
বৈশিষ্ট্য:
- এক ক্লিকে সব ছবি ডাউনলোড করা যায়
- নিজের ইচ্ছামত সাইজ অনুযায়ী ডাউনলোড করা যায়
- ইচ্ছামত ছবি সিলেক্ট করা যায়
একটা ওয়েব সাইটে থাকা সবগুলো ছবি ডাউনলোডের প্রয়োজন হলে আপনি Image Downloader এক্সটেনশনটি ব্যবহার করতে পারেন। এটা আপনাকে একদম আপনার ইচ্ছামত কম সময়ে ছবি ডাউনলোডের সুবিধা দিবে।
১০. Page Analyzer
বৈশিষ্ট্য:
- ডেক্সটপ ব্রাউজারের আপনার ওয়েবপেজ কেমন তা দেখতে পারবেন
- মোবাইল ব্রাউজারে কেমন তাও দেখা সম্ভব
- কোন সমস্যা থাকলে তার ফলাফল দেখাবে
ওয়েবসাইট তৈরির সময় সবচেয়ে গুরুত্বপূর্ণ বিষয় কোন ব্রাউজারে ওয়েবসাইটি কেমন দেখা যায়। অনেক সময় মোবাইল কিংবা ডেক্সটপে ব্রাউজার ভেদে ডিজাইন নষ্ট হয়ে যায়। এই সমস্যা থেকে মুক্তি দিবে এই এক্সটেনশন।
শেষ কথা
আপনি যদি ওয়েব ডিজাইন বা ডেভেলপমেন্টের জগতে থেকে থাকেন তবে ইতোমধ্যে এর যেকোন একটি ব্যবহার করে থাকবেন। কিন্তু আপনি যদি এর একটিও ব্যবহার করে না থাকেন, তবে আজকেই ব্যবহার করে দেখেন। আশা করি অনেক উপকৃত হবেন। আর আপনার যদি এর বাহিরে কোন এক্সটেনশন পছন্দ থাকে, তাহলে কমেন্ট করে জানাতে পারেন।
