সুচিপত্র:

সিএসএস শেখার জন্য 7টি দরকারী সংস্থান
সিএসএস শেখার জন্য 7টি দরকারী সংস্থান
Anonim

ক্যাসকেডিং স্টাইল শীট বিরক্তিকর HTML আকর্ষণীয় করে তোলে। লাইফহ্যাকার রাশিয়ান এবং ইংরেজি ভাষার সাইট, সেইসাথে ওয়েব এনসাইক্লোপিডিয়া নির্বাচন করেছে যা আপনাকে CSS আরও ভালভাবে বুঝতে সাহায্য করবে।

সিএসএস শেখার জন্য 7টি দরকারী সংস্থান
সিএসএস শেখার জন্য 7টি দরকারী সংস্থান

ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (W3C) 1996 সালে CSS (ক্যাসকেডিং স্টাইল শীট) প্রযুক্তির সুপারিশ করেছিল। তারপর থেকে, ওয়েব ডেভেলপাররা অনন্য সাইট ডিজাইন তৈরি করতে ক্যাসকেডিং স্টাইল শীট ব্যবহার করছে।

বিশ বছর আগে, বিকাশকারীরা ফন্ট অপশন, টেক্সট অ্যাট্রিবিউট এবং পেজ এলিমেন্টের রঙ নিয়ে খেলতেন। আজকাল অ্যানিমেশন, শ্যাডো, গ্রেডিয়েন্ট, অ্যান্টি-আলিয়াসিং এবং আরও অনেক উন্নত জিনিস চলছে।

একটি ক্রোম এক্সটেনশন বা ফায়ারফক্স অ্যাড-অন ইনস্টল করুন স্টাইল শীট ছাড়াই আপনার প্রিয় সাইটগুলির প্রশংসা করতে৷

ক্যাসকেডিং স্টাইল শীট: CSS ছাড়া একজন লাইফহ্যাকার
ক্যাসকেডিং স্টাইল শীট: CSS ছাড়া একজন লাইফহ্যাকার

পরিবর্তনগুলি নাটকীয় হবে, যদিও সবসময় নয়। উদাহরণস্বরূপ, একটি নিউজ এগ্রিগেটর খুব কমই পরিবর্তিত হবে: এটি দুটি এবং দুটির মতো সহজ। তবুও, সম্পদটি প্রতি মাসে 150 মিলিয়ন বার দেখা হয়।

যেখানে সিএসএস এর সূক্ষ্ম পয়েন্ট শিখবেন

1. HTML বই

ক্যাসকেডিং স্টাইল শীট: HTMLbook
ক্যাসকেডিং স্টাইল শীট: HTMLbook

আসুন সামঞ্জস্যপূর্ণ হই এবং একটি দৃঢ় তাত্ত্বিক ভিত্তি দিয়ে শুরু করি। এটির জন্য, আমরা বইয়ের লেখক এবং ওয়েব ডেভেলপার ভ্লাদ মের্জেভিচের সাথে যোগাযোগ করি, যিনি ওয়েব পৃষ্ঠাগুলির বিন্যাস এবং স্টাইলিং সম্পর্কে বেশ কয়েকটি মানসম্পন্ন সংস্থান বজায় রাখেন৷

এখানে আপনি একটি স্ব-ব্যাখ্যামূলক টিউটোরিয়াল এবং ক্যাসকেডিং স্টাইল শীট সম্পর্কে জনপ্রিয় প্রশ্নের উত্তর পাবেন। বর্তমান তৃতীয় CSS স্পেসিফিকেশনের উপর টিউটোরিয়াল নিবন্ধও রয়েছে।

2. ওয়েব রেফারেন্স

ক্যাসকেডিং স্টাইল শীট: ওয়েব রেফারেন্স
ক্যাসকেডিং স্টাইল শীট: ওয়েব রেফারেন্স

CSS-এ একটি বর্ণানুক্রমিক রেফারেন্স প্রদান করে। প্রতিটি সম্পত্তি একটি সংক্ষিপ্ত বিবরণ, বাক্য গঠন, এবং একটি লাইভ উদাহরণ আছে. প্রশ্ন জিজ্ঞাসা করতে দ্বিধা করবেন না - প্রকল্পের লেখক যোগাযোগ করুন এবং স্বেচ্ছায় বিশদ আলোচনা করুন।

3. CSS রেফারেন্স

ক্যাসকেডিং স্টাইল শীট: CSS রেফারেন্স
ক্যাসকেডিং স্টাইল শীট: CSS রেফারেন্স

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

4. CSS ডিজাইন পুরস্কার

ক্যাসকেডিং স্টাইল শীট: CSS ডিজাইন পুরস্কার
ক্যাসকেডিং স্টাইল শীট: CSS ডিজাইন পুরস্কার

শিক্ষা একটি দীর্ঘ এবং কখনও কখনও বিরক্তিকর ব্যবসা. কঠিন সময়ে সাহায্য করার অনুপ্রেরণা খুঁজে পাওয়া ভালো হবে। আমরা অন্যান্য ওয়েব ডিজাইনারদের দ্বারা অনুপ্রাণিত হব, অথবা বরং সাইটে। একটি মানসম্পন্ন প্রকল্প এখানে প্রতিদিন উপস্থাপন করা হয়, যা চেষ্টা করার জন্য একটি মডেল হিসাবে কাজ করে। বিজয়ীদের অনেকেই সত্যিই বিস্ময়কর। আপনার পছন্দের মনোনীত প্রার্থীদের ভোট দিতে ভুলবেন না।

5. CSS জেন গার্ডেন

ক্যাসকেডিং স্টাইল শীট: CSS জেন গার্ডেন
ক্যাসকেডিং স্টাইল শীট: CSS জেন গার্ডেন

সুরক্ষিত জ্ঞান এবং একটি বীকন থাকার, এটি ব্যবসায় আপনার শক্তি পরীক্ষা করার সময়। এবং দীর্ঘ সময়ের জন্য রাস্তা বেছে না নেওয়ার জন্য, আমরা আপনাকে পৃষ্ঠায় নির্দেশ দেব। এটিতে একটি অপরিবর্তনীয় HTML ফাইল রয়েছে, যা সারা বিশ্বের ব্যবহারকারীরা ক্যাসকেডিং স্টাইল শীট ব্যবহার করে একটি অসাধারণ ডিজাইন দেওয়ার চেষ্টা করে৷

রেফারেন্স HTML লোড করুন, আপনার স্টাইলিং যোগ করুন এবং এটি সব ফেরত পাঠান। সম্ভবত আপনার পদ্ধতি সেরা হবে. যাইহোক, আপনি অন্য কারও সংস্করণ ডাউনলোড করতে পারেন এবং এটি কীভাবে প্রয়োগ করা হয় তা দেখতে পারেন।

6. সিএসএসপ্লে

ক্যাসকেডিং স্টাইল শীট: CSSPlay
ক্যাসকেডিং স্টাইল শীট: CSSPlay

এটা স্পষ্ট যে আপনি এমন কিছু প্রয়োগ করতে চাইবেন যা সবার দৃষ্টি আকর্ষণ করবে। আমরা জানি না যে এমন একটি জিনিস আছে কিনা, তবে কয়েক ডজন এবং শত শত কৌতূহলী কৌশল নিশ্চিতভাবে সেখানে ছিল।

7. CSS লিন্ট

ক্যাসকেডিং স্টাইল শীট: সিএসএস লিন্ট
ক্যাসকেডিং স্টাইল শীট: সিএসএস লিন্ট

আমাদের নিজের হাত সোজা হলে অন্য কারো লাগবে কেন? এটা কি সত্যিই দেখায়. মৌলিক CSS সিনট্যাক্স চেকিং ছাড়াও, ওয়েব পরিষেবা পৃষ্ঠা লোডিং গতিকে প্রভাবিত করে এমন নিয়মগুলির সাথে সম্মতির জন্য পরীক্ষা করে। আউটপুট চমৎকার, ব্রাউজার-বান্ধব CSS।

প্রস্তাবিত: