একটি ওয়েবসাইট তৈরি করার সময়, আপনাকে অনেক জটিল প্রয়োজনীয়তার একটি চেকলিস্ট তৈরি করতে হবে। রঙ বা ফন্ট স্কিম, CSS লেআউট সমস্যা, বা বিভিন্ন ডিভাইসে ওয়েবসাইট প্রতিক্রিয়াশীলতা নিয়ে কাজ করা হোক না কেন, যে কোনও উদীয়মান সমস্যার উপরে থাকা গুরুত্বপূর্ণ। গুগল ক্রোমের (এবং অন্যান্য ক্রোমিয়াম-ভিত্তিক ব্রাউজার) এর জন্য নিম্নে কিছু সেরা ওয়েব ডেভেলপমেন্ট এক্সটেনশন রয়েছে।
1. কালার পিক আইড্রপার
আপনি কি এলোমেলো ওয়েবপৃষ্ঠার রঙের স্কিম পছন্দ করেন এবং আপনার নিজের প্রকল্পে এটি ব্যবহার করতে চান? কালার পিক "আইড্রপার" নামক একটি ক্রোম এক্সটেনশন আপনাকে নির্দিষ্ট নির্ভুলতা এবং একটি সামঞ্জস্যযোগ্য জুম বৈশিষ্ট্য সহ রঙগুলি বের করতে দেয়৷
এই ধরনের এক্সটেনশনগুলির রঙ নিষ্কাশন করার জন্য সমস্ত ওয়েবসাইটে অনুমতির প্রয়োজন হয়৷ আপনি যদি একটু বেশি উন্নত বৈশিষ্ট্য চান, তাহলে ColorZilla নামে একটি অনুরূপ টুল রয়েছে যা গ্রেডিয়েন্ট জেনারেটর, প্যালেট ভিউয়ার এবং রঙের ইতিহাসের সাথে আসে৷
2. এক-ক্লিক পূর্ণ পৃষ্ঠার স্ক্রিনশট
একটি পূর্ণ-পৃষ্ঠার ওয়েব স্ক্রিনশট নেওয়া দৈনন্দিন কাজের একটি প্রয়োজনীয়তা। কখনও কখনও আপনার ডিজাইনের পরিবর্তনগুলি সম্পর্কে যোগাযোগ করার সর্বোত্তম উপায় হল সম্পূর্ণ ওয়েবসাইটটি যেমন আছে তেমন ক্যাপচার করা। "একটি ক্লিক পূর্ণ পৃষ্ঠার স্ক্রিনশট" নামক একটি এক্সটেনশনের সাহায্যে আপনি এটি সঠিকভাবে অর্জন করতে পারেন৷
যখন স্ক্রিন ক্যাপচার চলছে, তখন আপনার সমাপ্ত স্ক্রোলিং ছবিটি সম্পূর্ণ হয়ে গেলে একটি নতুন উইন্ডোতে খুলবে৷
পুরো ওয়েবপেজ স্ক্রীন এখন PNG ফরম্যাটে ডাউনলোডের জন্য উপলব্ধ। এছাড়াও আপনি ফিল্টার, ওয়েবপৃষ্ঠা আঁকা, পাঠ্য যোগ করা এবং আরও অনেক কিছু সহ ইমেজ স্ক্রিনে বেশ কয়েকটি প্রভাব প্রয়োগ করতে পারেন।
3. এডিট এই কুকি
ওয়েব ডেভেলপারদের কুকি যোগ, মুছে, সম্পাদনা, সুরক্ষা এবং ব্লক করার জন্য কুকি পরিচালকদের অ্যাক্সেস প্রয়োজন। EditThisCookie হল একটি দরকারী এক্সটেনশন যা আপনাকে কুকির সাথে আপনার পছন্দ মতো কাজ করতে এবং JSON ফর্ম্যাটে রপ্তানি বা আমদানি করতে দেয়। এটি আপনাকে পুরানো কুকিগুলি সরিয়ে এবং যে কোনও কুকির সর্বোচ্চ নিষ্কাশনের তারিখ সীমিত করে ওয়েবসাইটটিকে সুস্থ রাখতে সহায়তা করে৷
4. ModHeader
ModHeader হল ওয়েবপেজ এইচটিটিপি হেডার পরিবর্তন করার জন্য সবচেয়ে জনপ্রিয় ক্রোম এক্সটেনশনগুলির মধ্যে একটি। মাত্র এক বা দুটি ক্লিক ব্যবহার করে, আপনি URL বা রিসোর্স টাইপের উপর ভিত্তি করে হেডার পরিবর্তন সক্ষম করতে পারেন। সর্বোত্তম অংশ হল আপনি একাধিক প্রোফাইল তৈরি করতে পারেন এবং পরিবর্তিত শিরোনামগুলিতে বিভিন্ন মান যুক্ত করতে পারেন। সমস্ত পরিবর্তন শুধুমাত্র একটি ট্যাব বা একটি সম্পূর্ণ সাইটে সীমাবদ্ধ হতে পারে৷
৷
5. UX চেক
আমাদের সকলেরই সময়ে সময়ে চলমান ওয়েবসাইটের একটি হিউরিস্টিক মূল্যায়ন প্রয়োজন। এটি UX চেকের মাধ্যমে সহজ করা হয়েছে, একটি এক্সটেনশন যা একটি পার্শ্ব ফলকে UX-সম্পর্কিত সমস্ত প্রতিক্রিয়া প্রদর্শন করে। আপনি একটি উপাদানে ক্লিক করার পরে যা আপনার দ্বারা মূল্যায়ন করা হিউরিস্টিক এর সাথে মেলে না, আপনি নোট যোগ করতে এবং স্ক্রিনশট নিতে পারেন। অবশেষে, সমস্ত পরিবর্তন .docx ফর্ম্যাটে রপ্তানি করা যেতে পারে৷
৷
6. উইন্ডো রিসাইজার
ওয়েব ডেভেলপারদের বিভিন্ন স্ক্রীনের মাত্রার জন্য তাদের ওয়েব পৃষ্ঠাগুলিকে অনুকরণ করতে হবে। Window Resizer-এর সাহায্যে আপনি ল্যাপটপ, ট্যাবলেট, স্মার্টফোন এবং আপনার পছন্দের যেকোনো স্ক্রীনের মাত্রার জন্য সহজেই এই মূল্যায়ন করতে পারেন।
টুলটিতে "রোটেট" এবং "লাইভ মেজারমেন্ট'-এর মতো কিছু দুর্দান্ত বৈশিষ্ট্য রয়েছে, যার সাথে একগুচ্ছ ভিজ্যুয়াল কাস্টমাইজেশন ফাংশন রয়েছে৷ আপনি যদি সত্যিই একটি প্রতিক্রিয়াশীল ওয়েবসাইট তৈরি করতে চান, তাহলে নিশ্চিত করুন যে আপনি সমস্ত স্ক্রীনের মাত্রার জন্য এর চেহারা ক্রস-চেক করেছেন৷
7. Lorem Ipsum জেনারেটর
একটি ওয়েব পৃষ্ঠায় কাজটি দ্রুত শেষ করতে, আপনার ডিফল্ট পাঠ্য প্রয়োজন। Lorem Ipsum Generator নামক একটি এক্সটেনশন প্রতি অনুচ্ছেদে বিভিন্ন অনুচ্ছেদ এবং বাক্যের একাধিক ডিফল্ট পাঠ্য বিকল্প অফার করে। আপনি একটি "স্বয়ংক্রিয় নির্বাচন" বিকল্প ব্যবহার করে পাঠ্যের টুকরো বা সম্পূর্ণ পাঠ নির্বাচন করতে পারেন। পাঠ্যের ভিন্নতার সম্ভাবনার কারণে চূড়ান্ত টেমপ্লেটটি একটি মার্জিত চেহারা দেয়।
8. বিল্ট উইথ টেকনোলজি প্রোফাইলার
BuiltWith হল একটি ওয়েবসাইটকে সমর্থন করে এমন সমস্ত অন্তর্নিহিত প্রযুক্তি সম্পর্কে জানার জন্য একটি ক্লাসিক এক্সটেনশন৷ শুধুমাত্র একটি ক্লিকের মাধ্যমে, এটি একটি প্রোফাইল তৈরি করে যা আপনাকে সর্বশেষ অ্যাড-অন এবং যন্ত্রগুলি সম্পর্কে জানতে সাহায্য করে যা ওয়েবসাইটটিকে আরও ভাল করে তুলেছে৷ এটি আপনাকে আপনার নিজের ব্যবহারের জন্য এর কার্যকারিতা প্রতিলিপি করতে সহায়তা করে৷
9. WhatFont
WhatFont হল একটি ওয়েব পেজে বিভিন্ন ফন্টের ধরন সনাক্ত করার দ্রুততম এবং সহজ উপায়গুলির মধ্যে একটি৷ আপনাকে শুধুমাত্র পাঠ্যটির সম্পূর্ণ বিশদ বিবরণ পেতে তার কাছাকাছি ঘুরতে হবে। এটি TypeKit এবং Google FontAPI এর মত উন্নত টেমপ্লেট সমর্থন করে।
10. MyLinks চেক করুন
কখনও কখনও আমাদের একটি ওয়েবসাইটের সমস্ত লিঙ্কগুলির একটি উদ্দেশ্যমূলক সারাংশের প্রয়োজন হয়। CheckMyLinks হল বৈধ, অবৈধ এবং ভাঙা লিঙ্কগুলির সংক্ষিপ্তসারের জন্য একটি জনপ্রিয় এক্সটেনশন৷ যেকোনো চলমান ওয়েবসাইটের লিঙ্কের ফলাফল অবিলম্বে একটি পাশের ফলকে দেখা হয়। আপনার ওয়েবসাইট বা প্রকাশিত পরিবর্তনগুলি লাইভ হওয়ার আগে শেষ মুহূর্তের স্পট চেকের জন্য এই টুলটি অত্যন্ত কার্যকর৷
11. কীটনাশক
আপনি কি আপনার ওয়েবসাইটে সিএসএস লেআউট সমস্যা আশা করছেন? কীটনাশক আপনাকে প্রতিটি পৃষ্ঠা উপাদানের একটি রূপরেখা প্রদান করে এই সমস্যাগুলি ডিবাগ করতে দেয়৷ Ctrl ধরে রেখে কী, আপনি উপাদানের তথ্য দেখতে পারেন এবং পৃষ্ঠায় উপাদানের বসানো বিশ্লেষণ করতে পারেন।
আরও অনেক জনপ্রিয় ওয়েব এক্সটেনশন রয়েছে যা ওয়েবসাইট অ্যাপ্লিকেশনগুলিতে গুরুত্বপূর্ণ বিবরণ পরিচালনা করে। উদাহরণস্বরূপ, JSON ভিউয়ার যারা JSON ফাইল নিয়ে কাজ করে তাদের সাহায্য করে। একটি HTML ট্রি জেনারেটর রয়েছে যা একটি ওয়েবসাইটের সমস্ত উপাদানের একটি ট্রি দেয়৷
৷উপরের ব্যতীত, আপনার ব্রাউজিং গতি উন্নত করার জন্য প্রচুর ক্রোম এক্সটেনশন রয়েছে। তাদের পরীক্ষা করে দেখুন!
