10 Essential Google Chrome Extensions for Web Developers
01- Wappalyzer - Technology profiler
Wappalyzer হলো একটি ব্রাউজার এক্সটেনশন, যা কোনো ওয়েবসাইটে ব্যবহৃত প্রযুক্তি সনাক্ত করে।
-
CMS, Framework, ও Library চেক করা (যেমন: WordPress, React, jQuery)।
-
Programming Language ও Server Tech শনাক্ত করা (যেমন: PHP, Node.js, Apache)।
-
Analytics ও SEO Tools সনাক্ত করা (যেমন: Google Analytics, Tag Manager)।
-
E-commerce ও Security Tech চেক করা (যেমন: Shopify, Cloudflare)।
02 - CSSViewer
CSSViewer হলো একটি ব্রাউজার এক্সটেনশন, যা ওয়েবপেজের যেকোনো এলিমেন্টের CSS স্টাইল দ্রুত দেখায়।
-
Live CSS Inspection: হোভার করলেই এলিমেন্টের CSS দেখায়।
-
Font, Color, Box Model ও Positioning তথ্য দেখানো।
-
Copy-Paste সুবিধা: CSS সহজে কপি করা যায়।
03 - ColorZilla
-
ওয়েবপেজের যেকোনো স্থানের রঙ চিহ্নিত করে সেটির HEX বা RGB কোড সংগ্রহ করা যায়।
-
সহজেই যেকোনো ছবির বা ওয়েবসাইটের রঙ নকল (copy) করা যায়।
-
CSS কোড সহ গ্রেডিয়েন্ট ডিজাইন করা যায়, যা ওয়েব ডিজাইনে কাজে লাগে।
04 - WhatFont
WhatFont হলো একটি ব্রাউজার এক্সটেনশন, যা ওয়েবপেজে ব্যবহৃত ফন্ট দ্রুত শনাক্ত করে।
-
যে কোনো টেক্সটে হোভার করলেই ফন্টের নাম দেখায়।
-
ফন্ট সাইজ, ওয়েট, কালার, লাইন হেইট ইত্যাদি দেখানো।
-
Google Fonts ও Typekit সাপোর্ট।
05 - Full Page Screen Capture
-
সম্পূর্ণ ওয়েবপেজের স্ক্রিনশট ক্যাপচার করা।
-
পেজ স্ক্রল করে পুরো কনটেন্ট ক্যাপচার করা।
-
স্ক্রিনশট PNG/PDF হিসেবে সংরক্ষণ করা।
-
স্ক্রিনশট কেটে (crop) ও এডিট করা।
06 - Responsive Viewer
-
একসঙ্গে বিভিন্ন স্ক্রিন সাইজ দেখার সুবিধা।
-
নির্দিষ্ট ডিভাইস অনুযায়ী স্ক্রিন সাইজ সেট করা।
-
স্ক্রল ও ইন্টারঅ্যাকশন সব স্ক্রিনে একসঙ্গে কাজ করে।
-
পোর্ট্রেট ও ল্যান্ডস্কেপ মোড টেস্ট করা।
07 - Window Resizer
-
ব্রাউজারের উইন্ডোর সাইজ পরিবর্তন: এটি নির্দিষ্ট প্রিসেট সাইজ বা কাস্টম সাইজ সেট করে ব্রাউজারের উইন্ডোকে ছোট বা বড় করতে পারে।
-
রেসপনসিভ ডিজাইন পরীক্ষা: ওয়েবসাইট মোবাইল, ট্যাবলেট, ল্যাপটপ, এবং ডেস্কটপে কেমন দেখাবে, তা সহজেই চেক করা যায়।
08 - Image Downloader
Image Downloader হলো একটি ব্রাউজার এক্সটেনশন, যা ওয়েবপেজ থেকে সমস্ত ইমেজ দ্রুত ডাউনলোড করতে সাহায্য করে।
-
এক ক্লিকেই ওয়েবপেজের সব ছবি ডাউনলোড করা।
-
ছবির সাইজ বা ফরম্যাট অনুসারে ফিল্টার করা।
-
ছবি নির্দিষ্ট ফোল্ডারে সংরক্ষণ করা।
09 - Picture-in-Picture Extension
Picture-in-Picture Extension হলো একটি ব্রাউজার টুল, যা ভিডিওকে ছোট ভাসমান উইন্ডোতে চালাতে সাহায্য করে।
-
অন্য ট্যাবে কাজ করলেও ভিডিও স্ক্রিনের ওপরে থাকে।
-
উইন্ডোর আকার পরিবর্তন ও স্ক্রিনের যেকোনো স্থানে সরানো যায়।
-
একসঙ্গে কাজ ও ভিডিও দেখা সম্ভব।
10 - Screen Recorder
Screen Recorder হলো একটি টুল বা এক্সটেনশন, যা স্ক্রিনের কার্যকলাপ রেকর্ড করতে সাহায্য করে।
-
পুরো স্ক্রিন, নির্দিষ্ট অ্যাপ বা ব্রাউজার ট্যাব রেকর্ড করা।
-
মাইক্রোফোন ও ওয়েবক্যাম সংযুক্ত করা।
-
ভিডিও MP4/WebM ফরম্যাটে সংরক্ষণ ও শেয়ার করা।
-
অনেক ফ্রি টুল ওয়াটারমার্ক ছাড়া রেকর্ড করতে দেয়।
-
টিউটোরিয়াল, প্রেজেন্টেশন রেকর্ডের জন্য উপযোগী!