কীভাবে অন্যের ওয়েবসাইটের CSS দেখে নিবেন?

কীভাবে যেকারো ওয়েবসাইটের CSS দেখে নিবেন? (সহজ পদ্ধতি)

আমরা যারা ওয়েব ডিজাইনিং বা ব্লগিং করি, অনেক সময় অন্যের সাইটের সুন্দর কোনো ডিজাইন দেখলে মনে হয়—ইশ! এই সিএসএস (CSS) কোডটুকু যদি আমি পেতাম। আসলে অন্যের সাইটের সিএসএস দেখা কোনো কঠিন কাজ নয়। আমি আমার নিজের কাজ করার সময় প্রায়ই নতুন নতুন স্টাইল শেখার জন্য এই পদ্ধতিগুলো ব্যবহার করি। আজকের এই পোস্টে আমি আপনাদের হাতে-কলমে দেখাবো কীভাবে Google Chrome ব্রাউজার ব্যবহার করে যেকোনো সাইটের CSS বের করবেন।

১. View-Source ব্যবহার করে CSS দেখা

এটি সবচেয়ে সহজ এবং কার্যকর পদ্ধতি। ধরুন আপনি wWw.DjSohagRana.Com সাইটটির CSS কোডগুলো দেখতে চাচ্ছেন। এর জন্য আপনাকে যা করতে হবে:

ব্রাউজারে গিয়ে সাইটের ঠিকানার আগে view-source: লিখে এন্টার দিন।

উদাহরণস্বরূপ:
view-source:https://www.DjSohagRana.Com

এখন আপনি পুরো সাইটের সোর্স কোড দেখতে পাবেন এবং সেখান থেকে আপনার প্রয়োজনীয় CSS ফাইলটি খুঁজে নিয়ে ভিজিট করলেই সব কোড পেয়ে যাবেন। আমি নিজে অনেক সময় দ্রুত কোড চেক করার জন্য এই পদ্ধতিটি ব্যবহার করি।

আরও পড়ুন: এসইও (SEO) কী? নতুনদের জন্য সম্পূর্ণ বাংলা এসইও টিউটোরিয়াল

২. Inspect Element ব্যবহার করে CSS দেখা

ক্রোম ব্রাউজারে আরেকটি দারুণ ফিচার হলো 'Inspect'। আপনি যদি সাইটের কোনো নির্দিষ্ট অংশের (যেমন: বাটন বা হেডিং) CSS দেখতে চান, তবে সেই অংশের ওপর মাউসের রাইট বাটন ক্লিক করে Inspect অপশনে ক্লিক করুন। সেখানে আপনি রিয়েল-টাইমে দেখতে পারবেন কোন ডিজাইনের জন্য কোন কোড ব্যবহার করা হয়েছে। ওয়েব ডেভেলপাররা নতুন কোনো ডিজাইন শেখার জন্য নিয়মিত এই কাজ করে থাকেন।

৩. অন্যের CSS কি নিজের সাইটে ব্যবহার করা যায়?

অবশ্যই! আপনি যদি দেখেন কোনো একটি ডিজাইনের CSS আপনার পছন্দ হয়েছে, তবে সেটি কপি করে নিয়ে আপনার প্রয়োজন অনুযায়ী এডিট (Edit) করে ব্যবহার করতে পারবেন। এটি সিএসএস শেখার একটি চমৎকার উপায়। আপনি যখন অন্যের কোড দেখবেন এবং সেগুলো নিয়ে এক্সপেরিমেন্ট করবেন, তখনই আপনার দক্ষতা বাড়বে।

নিজেই CSS তৈরি করতে শিখুন

অন্যের সাইট থেকে কোড দেখা বা কপি করা শেখার একটি অংশ মাত্র। তবে একজন ভালো ওয়েব ডেভেলপার হতে হলে আপনাকে সিএসএস বুঝতে হবে। আমি সিএসএস নিয়ে বিস্তারিত আলোচনা করেছি যেখানে আপনি নিজেই প্রফেশনাল লেভেলের সিএসএস তৈরি করা শিখতে পারবেন। সিএসএস (Css) শিখুন, আইডি ( ID) এবং ক্লাস (Class) এর ব্যবহারসহ! এখন যা কঠিন মনে হচ্ছে, একটু পরেই দেখবেন তা আপনার কাছে অনেক সহজ হয়ে গেছে।

পরিশেষে বলা যায়

অন্যের ওয়েবসাইটের সিএসএস দেখা এখন আর অবাক হওয়ার মতো কিছু নয়। গুগল ক্রোম আমাদের এই সুবিধাটি সরাসরি দিয়ে রেখেছে। এই পদ্ধতিগুলো ব্যবহার করে আপনি দ্রুত ডিজাইন শিখতে পারবেন এবং নিজের সাইটকে আরও সুন্দর করে তুলতে পারবেন। আমি নিজেও আমার প্রজেক্টগুলোতে এই অভিজ্ঞতা কাজে লাগাই।

প্রযুক্তি এবং ওয়েব কাস্টমাইজেশন সম্পর্কিত আরও দরকারি টিপস পেতে নিয়মিত ভিজিট করুন TechSohag.com।