সিএসএস চেকার

স্টাইলশিটের ত্রুটি তাৎক্ষণিকভাবে খুঁজুন ও ঠিক করুন। সরাসরি আপনার ব্রাউজারের ভেতরেই — বাইরের ওয়েবসাইটে কোড কপি-পেস্ট করার প্রয়োজন নেই।

সিএসএস চেকার একটি হালকা ব্রাউজার এক্সটেনশন যা ডেভেলপার ও ডিজাইনারদের তাদের স্টাইলশিটে থাকা ত্রুটি তাৎক্ষণিকভাবে খুঁজে বের করতে ও ঠিক করতে সাহায্য করে। আপনি একটি জটিল লেআউট ডিবাগ করুন বা একটি সাধারণ পৃষ্ঠা ভ্যালিডেট করুন, এই CSS চেকার টুলটি আপনার ঘণ্টার পর ঘণ্টা ম্যানুয়াল পরিদর্শনের সময় বাঁচায়। এটি সরাসরি আপনার ব্রাউজারের ভেতরেই কাজ করে - বাইরের ওয়েবসাইটে কোড কপি-পেস্ট করা বা ট্যাবের মধ্যে সুইচ করার প্রয়োজন নেই।

লুকানো স্টাইলশিট ত্রুটিতে ক্লান্ত?

আপনি যদি নিয়মিত স্টাইল লিখেন, তাহলে লুকানো ত্রুটি কতটা হতাশাজনক হতে পারে তা আপনি জানেন। একটি অনুপস্থিত সেমিকোলন, একটি অবৈধ প্রপার্টি, বা একটি ভাঙা সিলেক্টর নীরবে আপনার লেআউট নষ্ট করে দিতে পারে। ঠিক এই কারণেই একটি নির্ভরযোগ্য CSS ভ্যালিডেটর ও CSS চেকার গুরুত্বপূর্ণ। এটি রিয়েল টাইমে আপনার স্টাইলশিট স্ক্যান করে এবং প্রতিটি সমস্যা হাইলাইট করে যাতে আপনি সাথে সাথেই তা ঠিক করতে পারেন 🔍

৫টি ধাপে ভ্যালিডেশন প্রক্রিয়া

1

যেকোনো ওয়েবপৃষ্ঠা খুলুন

যেকোনো ওয়েবপৃষ্ঠা খুলুন এবং এক্সটেনশন আইকনে ক্লিক করুন।

2

স্বয়ংক্রিয়ভাবে স্ক্যান করুন

CSS কোড চেকার স্বয়ংক্রিয়ভাবে সমস্ত স্টাইলশিট স্ক্যান করে।

3

রিপোর্ট পর্যালোচনা করুন

রিপোর্ট প্যানেলে ত্রুটি, সতর্কতা ও পরামর্শ পর্যালোচনা করুন।

4

কনট্রাস্ট অডিট করুন

অ্যাক্সেসিবিলিটি অডিট করতে কনট্রাস্ট ট্যাবে সুইচ করুন।

5

ঠিক করুন ও পুনরায় ভ্যালিডেট করুন

আপনার কোড ঠিক করুন এবং এক ক্লিকে পুনরায় ভ্যালিডেট করুন।

এই CSS চেকারকে যা আলাদা করে তোলে

🔍

তাৎক্ষণিক CSS ভ্যালিডেশন

বর্তমান পৃষ্ঠায় তাৎক্ষণিক CSS ভ্যালিডেটর স্টাইলশিট ভ্যালিডেশন।

বিস্তারিত ত্রুটি রিপোর্ট

লাইন নম্বর সহ বিস্তারিত ত্রুটি ও সতর্কতা রিপোর্ট।

📌

CSS ও XPath চেকার

CSS ও XPath চেকার কার্যকারিতার সমর্থন।

🎨

কনট্রাস্ট চেকার

অ্যাক্সেসিবিলিটির জন্য বিল্ট-ইন CSS রঙ কনট্রাস্ট চেকার।

🔒

সামঞ্জস্য চেকার

ক্রস-ব্রাউজার সমর্থনের জন্য CSS সামঞ্জস্য চেকার।

এক-ক্লিকে পুনরায় স্ক্যান

পরিবর্তনের পরে এক-ক্লিকে পুনরায় স্ক্যান।

এই এক্সটেনশনটি শুধু একটি CSS সিনট্যাক্স চেকার নয় - এটি প্রতিদিন স্টাইলশিট নিয়ে কাজ করা যেকোনো ব্যক্তির জন্য একটি পূর্ণাঙ্গ CSS ভ্যালিডেটর টুলকিট। এটি আপনার কোড পার্স করে, সমস্যা শনাক্ত করে এবং স্পষ্ট পরামর্শ প্রদান করে। প্রপার্টির নামে টাইপো থেকে শুরু করে ভুল ভ্যালু ফরম্যাট পর্যন্ত, এই CSS চেকার আপনার ব্যবহারকারীরা লক্ষ্য করার আগেই সমস্যা ধরে ফেলে।

অনেক ডেভেলপার বাইরের ভ্যালিডেশন ওয়েবসাইটের উপর নির্ভর করেন, কিন্তু ট্যাব সুইচ করা ও কোড পেস্ট করা ধীর। এই CSS চেকার সবকিছু সরাসরি আপনার ডেভ টুলে নিয়ে আসে - ঠিক যেখানে আপনার প্রয়োজন

সামঞ্জস্য বৈশিষ্ট্যটি বিশেষভাবে উপযোগী যখন আপনি একাধিক ব্রাউজার সমর্থন করেন। এটি এমন প্রপার্টি চিহ্নিত করে যা Chrome, Firefox, Safari বা Edge-এর পুরনো সংস্করণে কাজ নাও করতে পারে যাতে ব্যবহারকারীরা ভিজ্যুয়াল বাগের সম্মুখীন হওয়ার আগেই আপনি ফলব্যাক যোগ করতে পারেন 🔒

এই CSS চেকার টুল থেকে কারা উপকৃত হতে পারেন

💻

ফ্রন্টএন্ড ডেভেলপার

প্রোডাকশন স্টাইলশিট ডিবাগ করা ফ্রন্টএন্ড ডেভেলপার।

🎨

ডিজাইনার

তাদের স্টাইল উদ্দিষ্ট ডিজাইনের সাথে মিলছে কিনা তা যাচাই করা ডিজাইনার।

🧪

QA ইঞ্জিনিয়ার

ক্রস-ব্রাউজার সামঞ্জস্য অডিট চালানো QA ইঞ্জিনিয়ার।

🎓

শিক্ষার্থী

ওয়েব ডেভেলপমেন্ট শেখা শিক্ষার্থী যারা তাৎক্ষণিক প্রতিক্রিয়া চান।

অ্যাক্সেসিবিলিটি বিশেষজ্ঞ

WCAG মান পূরণ করতে কনট্রাস্ট অনুপাত পরীক্ষা করা অ্যাক্সেসিবিলিটি বিশেষজ্ঞ।

সবচেয়ে জনপ্রিয় বৈশিষ্ট্যগুলোর একটি হলো বিল্ট-ইন CSS রঙ কনট্রাস্ট চেকার। টেক্সট ও ব্যাকগ্রাউন্ডের মধ্যে দুর্বল কনট্রাস্ট একটি সাধারণ অ্যাক্সেসিবিলিটি লঙ্ঘন। এই CSS ভ্যালিডেটর WCAG 2.1 নির্দেশিকার বিপরীতে আপনার রঙের জোড়া মূল্যায়ন করে এবং AA বা AAA থ্রেশহোল্ড পূরণ না করা যেকোনো সংমিশ্রণ চিহ্নিত করে। অ্যাক্সেসিবল ডিজাইন সঠিক কনট্রাস্ট যাচাই দিয়ে শুরু হয় 🎨

সংখ্যায়

6
ভ্যালিডেশন টুল
তাৎক্ষণিক
ত্রুটি শনাক্তকরণ
শূন্য
কনফিগারেশন প্রয়োজন
100%
বিনামূল্যে ও উন্মুক্ত

CSS ভ্যালিডেটর কীভাবে কাজ করে

এটি সক্রিয় পৃষ্ঠায় সমস্ত লিঙ্কড ও ইনলাইন স্টাইলশিট শনাক্ত করে এবং সমস্যার জন্য প্রতিটি পার্স করে:

স্টাইলশিট শনাক্ত করে

এটি সক্রিয় পৃষ্ঠায় সমস্ত লিঙ্কড ও ইনলাইন স্টাইলশিট শনাক্ত করে।

পার্স ও পরীক্ষা করে

এটি প্রতিটি স্টাইলশিট পার্স করে এবং সিনট্যাক্স ত্রুটি ও অজানা প্রপার্টির জন্য পরীক্ষা করে।

ফলাফল গোষ্ঠীভুক্ত করে

এটি ফাইল অনুযায়ী ফলাফল গোষ্ঠীভুক্ত করে যাতে আপনি সহজেই বড় প্রকল্পে নেভিগেট করতে পারেন।

ফলাফল হাইলাইট করে

CSS চেকার প্রাসঙ্গিক ফলাফল সরাসরি রিপোর্ট প্যানেলে হাইলাইট করে।

সাধারণ প্রশ্ন

এটি কি আধুনিক প্রপার্টি সমর্থন করে?

হ্যাঁ — CSS সিনট্যাক্স চেকার কাস্টম প্রপার্টি, grid ও flexbox শর্টহ্যান্ড সহ সর্বশেষ স্পেসিফিকেশন শনাক্ত করে।

আমি কি এটি একটি CSS ও XPath চেকার হিসেবে ব্যবহার করতে পারি?

অবশ্যই — এক্সটেনশনটিতে স্টাইলশিট বিশ্লেষণের পাশাপাশি XPath ভ্যালিডেশন অন্তর্ভুক্ত রয়েছে।

এটি কি স্থানীয় ফাইলে কাজ করে?

হ্যাঁ, আপনার ব্রাউজার সেটিংসে ফাইল অ্যাক্সেস সক্ষম করুন।

কনট্রাস্ট পরীক্ষা কীভাবে কাজ করে?

এই CSS ভ্যালিডেটর WCAG 2.1 নির্দেশিকার বিপরীতে আপনার রঙের জোড়া মূল্যায়ন করে এবং AA বা AAA থ্রেশহোল্ড পূরণ না করা যেকোনো সংমিশ্রণ চিহ্নিত করে।

এক্সটেনশনটি কি নিরাপদ?

হ্যাঁ! স্টাইল পরীক্ষায় আপনাকে সাহায্য করতে আমরা শুধুমাত্র পৃষ্ঠার CSS ও DOM প্রপার্টি পড়ি। বিস্তারিত জানতে আমাদের গোপনীয়তা নীতি দেখুন।

আপনার দ্রুত স্ক্যান লাগুক বা প্রোডাকশনের জন্য একটি পূর্ণাঙ্গ CSS ভ্যালিডেটর, সিএসএস চেকার আপনার কর্মপ্রবাহের সাথে খাপ খাইয়ে নেয়।

এক নজরে মূল বৈশিষ্ট্য:

স্টাইলশিট বাগ খোঁজায় সময় নষ্ট করা বন্ধ করুন

একটি ডেডিকেটেড CSS ত্রুটি চেকার ও একটি নির্ভরযোগ্য CSS কনট্রাস্ট চেকার সব একটি এক্সটেনশনে থাকায়, পরিচ্ছন্ন, অ্যাক্সেসিবল ও ত্রুটিমুক্ত স্টাইলশিট লিখতে আপনার যা প্রয়োজন তা সবই আপনার কাছে আছে ✅

আজই সিএসএস চেকার ইনস্টল করুন

বিনামূল্যে, দ্রুত এবং স্টাইলশিটের কষ্ট বোঝা ডেভেলপারদের দ্বারা তৈরি।