সম্প্রতি, আমরা ডেভেলপার এবং ডিজাইনারদের জন্য 12টি Google Chrome এক্সটেনশনের উপর একটি পোস্ট প্রকাশ করেছি এবং এর মধ্যে কিছু এক্সটেনশন Firefox , আমি এখানে কোনো পুনরাবৃত্তি করব না।
একইভাবে, নিচের তালিকাভুক্ত কিছু এক্সটেনশন Chrome এ উপলব্ধ রয়েছে, তাই এই ধরনের অ্যাপগুলিকে সংশ্লিষ্ট ব্রাউজারের জন্য বোনাস হিসেবে বিবেচনা করুন।
1. HTML ভ্যালিডেটর
HTML ভ্যালিডেটর এটি HTML স্ট্যান্ডার্ড কনভেনশন অনুসরণ করে তা নিশ্চিত করতে আপনার কোডের মাধ্যমে চলে। এটি টুলবারে আইকনে যত ত্রুটি দেখতে পাচ্ছে তা প্রদর্শন করে।
HTML ভ্যালিডেটর ফায়ারফক্স অ্যাডন
2. অক্টোট্রি
একজন ডেভেলপার হিসেবে, আমি GitHub-এ বিভিন্ন কোড পেজ দিয়ে চলেছি . আপনি যদি আমার মতো হন তবে আপনি Octotree দরকারী।
Octotree একটি ট্রি ফরম্যাটে গিটহাব কোড প্রদর্শন করে। এইভাবে, আপনি সোর্স ফাইল ডাউনলোড না করেই কোড লাইনের মাধ্যমে ব্রাউজ করতে পারবেন।
অক্টোট্রি ট্রি ফরম্যাটে গিটহাব কোড দেখায়
3. HTTPS সর্বত্র
HTTPS সর্বত্র সমস্ত প্রধান ওয়েব পৃষ্ঠার সাথে আপনার বিনিময় করা ডেটা এনক্রিপ্ট করে এমনকি তারা HTTPS ব্যবহার না করলেও৷
সুতরাং আপনি যদি https ব্যবহার করে না এমন পৃষ্ঠাগুলিতে নির্দেশিত হন তবে আপনি নিশ্চিত হতে পারেন যে আপনার অনলাইন যোগাযোগ সুরক্ষিত।
4. পৃষ্ঠা কর্মক্ষমতা পরীক্ষা
পৃষ্ঠা পারফরম্যান্স টেস্ট আপনার ওয়েব পৃষ্ঠাগুলির গতি এবং লোডিং কর্মক্ষমতা পরিমাপ করে পরিসংখ্যান দেয়৷ পরবর্তী পরীক্ষার সাথে তুলনা করার জন্য আপনি চার্টের ফলাফল সংরক্ষণ করতে পারেন।
পৃষ্ঠা পারফরম্যান্স টেস্ট
5. Usersnap
Usersnap আপনাকে ওয়েবসাইটের স্ক্রিনশট নিতে এবং মার্কআপ অঙ্কন এবং মন্তব্য যোগ করে তাদের টীকা করতে সক্ষম করে৷ এটি একটি পিক্সেল রুলার সহ আসে এবং স্ল্যাক, ট্রেলো এবং জিরা সহ বিভিন্ন প্রজেক্ট ম্যানেজমেন্ট টুলের সাথে সরাসরি একীভূত হতে পারে।
এই তালিকাটি Usersnap ছাড়া সম্পূর্ণ হবে না কারণ এটি একটি কার্যকর প্রতিক্রিয়া প্রক্রিয়া সক্ষম করে। যদিও এটি 14 দিনের বিনামূল্যের ট্রায়াল সহ একটি অর্থপ্রদানের পরিষেবা৷
Usersnap
6. জাভাস্ক্রিপ্ট অক্ষম করুন
JavaScript নিষ্ক্রিয় করুন, নাম অনুসারে, আপনাকে ওয়েবসাইট বা নির্দিষ্ট ট্যাবে জাভাস্ক্রিপ্ট বন্ধ করার ক্ষমতা দেয়। আপনি এটিকে কাস্টমাইজ করতে পারেন একটি ডিফল্ট JS স্থিতি চালু/বন্ধ করতে, এবং ডোমেন/ট্যাব ইত্যাদি দ্বারা ডিফল্ট নিষ্ক্রিয় আচরণ।
জাভাস্ক্রিপ্ট নিষ্ক্রিয় করুন
7. ওয়েব ডেভেলপার চেকলিস্ট
ওয়েব ডেভেলপার চেকলিস্ট এক্সটেনশন আপনাকে একটি ওভারভিউ প্রদান করে যে আপনার সাইটটি সর্বোত্তম ডিজাইন এবং ডেভেলপমেন্ট অনুশীলন অনুযায়ী কতটা ব্যবহারযোগ্য।
আইকনে ক্লিক করলে আপনাকে আপনার সাইটের এসইও, বন্ধুত্বপূর্ণ ইউআরএল, ফেভিকন ইত্যাদি সম্পর্কে জানাবে।
ওয়েব ডেভেলপার চেকলিস্ট
8. প্রতিক্রিয়া বিকাশকারী সরঞ্জাম
আপাতদৃষ্টিতে রিঅ্যাক্টের জনপ্রিয়তার অন্তহীন উত্থানের সাথে, রিঅ্যাক্ট ডেভেলপাররা প্রায় প্রতিদিনই জন্ম নেয় এবং রিঅ্যাক্ট টিম তাদের কভার করে।
React ডেভেলপার টুলস আপনাকে একটি রিঅ্যাক্ট ট্রি এর স্টেট, প্রপস, হায়ারার্কি ইত্যাদি সহ পরিদর্শন করার ক্ষমতা দেয়। , Firefox devtools চালু করুন এবং React ট্যাবে স্যুইচ করুন।
এছাড়াও Vue ডেভেলপারদের Vue.js devtools আকারে একটি সংস্করণ রয়েছে।
React ডেভেলপার টুলস
9. কালারজিলা
ColorZilla বিভিন্ন ওয়েব পেজ থেকে রং বাছাই করার জন্য ডেভেলপার এবং গ্রাফিক ডিজাইনারদের জন্য একটি চমৎকার টুল।
এতে একটি আইড্রপার, একটি গ্রেডিয়েন্ট জেনারেটর, প্যালেট ব্রাউজার এবং রঙের ইতিহাস রয়েছে।
ColorZilla
10. Evernote ওয়েব ক্লিপার
Evernote Web Clipper আপনাকে ওয়েব পৃষ্ঠাগুলির স্ক্রিনশট নিতে সক্ষম করে এবং সেগুলি স্বয়ংক্রিয়ভাবে আপনার Evernote এ সংরক্ষণ করেঅ্যাকাউন্ট যেখান থেকে আপনি টীকা তৈরি করতে এবং দলের সদস্যদের সাথে শেয়ার করতে পারবেন।
Evernote ওয়েব ক্লিপার
১১. কুকি ম্যানেজার
কুকি ম্যানেজার একটি নিরাপত্তা-সচেতন এক্সটেনশন যা আপনাকে যেকোনও কুকি দেখতে, যোগ করতে, সম্পাদনা করতে, মুছতে এবং অনুসন্ধান করতে সক্ষম করে। ডোমেইন.
কুকি ম্যানেজার সম্পর্কে আরও ভালো জিনিস হল আপনি ডোমেনের মধ্যে কুকি রপ্তানি এবং আমদানি করতে পারেন।
কুকি ম্যানেজার
12. CSS এবং কম এর জন্য লাইভ এডিটর
CSS এবং LESS এর জন্য লাইভ এডিটর আপনাকে সরাসরি আপনার ব্রাউজারে CSS/LESS কোড লিখতে সক্ষম করে। আপনার কোড অবিলম্বে কার্যকর হবে এবং আপনার ব্রাউজারের স্থানীয় স্টোরেজে সাইট লেভেলে সংরক্ষিত হবে।
এর ইন-পেজ এডিটর স্বয়ংসম্পূর্ণ, বিউটিফাই, লিন্টার ইত্যাদি বৈশিষ্ট্য রয়েছে। আপনার এটি পরীক্ষা করা উচিত।
CSS এর জন্য লাইভ এডিটর
আপনি কি তালিকাভুক্ত কোনো এক্সটেনশন পছন্দ করেন বা আপনার কাছে এমন কোনো তালিকা আছে যা আমরা ব্যবহার করতে পারি? মন্তব্য বিভাগটি নীচে।