Skill

পিওর.সিএসএস (Pure.CSS)

432

Pure.CSS হলো একটি লাইটওয়েট CSS ফ্রেমওয়ার্ক, যা Yahoo! কর্তৃক তৈরি করা হয়েছে। এটি মূলত ওয়েব ডেভেলপারদের জন্য একটি সরল, কার্যকর এবং রেসপনসিভ UI তৈরির জন্য তৈরি করা হয়েছে। Pure.CSS ফ্রেমওয়ার্কটি শুধুমাত্র CSS নিয়ে গঠিত, এতে কোনো জাভাস্ক্রিপ্ট অন্তর্ভুক্ত নেই এবং এটি অত্যন্ত ছোট সাইজের (মোটামুটি ৩-৪ কিলোবাইট), যার ফলে এটি দ্রুত লোড হয় এবং সহজেই ওয়েব পেজে ইন্টিগ্রেট করা যায়।


Pure.CSS: একটি বিস্তারিত বাংলা টিউটোরিয়াল

ভূমিকা

Pure.CSS হলো একটি হালকা ওজনের CSS ফ্রেমওয়ার্ক, যা Yahoo! দ্বারা তৈরি করা হয়েছে। এটি রেসপনসিভ এবং ওয়েব স্ট্যান্ডার্ড-এর উপর ভিত্তি করে তৈরি করা হয়েছে এবং শুধুমাত্র CSS ব্যবহার করে একটি ন্যূনতম ডিজাইন তৈরি করতে সহায়ক। Pure.CSS এমনভাবে ডিজাইন করা হয়েছে, যাতে আপনার ওয়েবসাইটের লোডিং সময় কম হয় এবং CSS কোডের ওভারহেড খুব কম থাকে। এটি গ্রিড সিস্টেম, বাটন, টেবিল, ফর্ম, মেনু ইত্যাদির মতো সাধারণ UI উপাদান সরবরাহ করে।

Pure.CSS মূলত মডুলার এবং প্রতিটি UI উপাদান আলাদাভাবে ব্যবহার করা যায়। আপনি চাইলে শুধু Pure.CSS-এর গ্রিড সিস্টেম বা ফর্ম মডিউল ব্যবহার করতে পারেন, বাকিগুলো ছাড়াও কাজ করতে পারবেন।

Pure.CSS এর বৈশিষ্ট্য

  1. হালকা ওজনের: Pure.CSS খুবই হালকা, পুরো লাইব্রেরির ফাইল সাইজ মাত্র 3.8KB (gzipped), যা ওয়েব পেজের লোডিং টাইম কমিয়ে দেয়।
  2. মডুলার: Pure.CSS মডুলার স্ট্রাকচার অনুসরণ করে, আপনি শুধুমাত্র প্রয়োজনীয় অংশগুলো ব্যবহার করতে পারেন।
  3. রেসপনসিভ ডিজাইন: Pure.CSS রেসপনসিভ গ্রিড সিস্টেম সরবরাহ করে, যা মোবাইল এবং ডেস্কটপ ডিভাইসের জন্য সামঞ্জস্যপূর্ণ।
  4. CSS শুধুমাত্র: Pure.CSS শুধুমাত্র CSS-এর উপর ভিত্তি করে কাজ করে, কোন জাভাস্ক্রিপ্ট প্রয়োজন হয় না।
  5. সহজ ইন্টিগ্রেশন: Pure.CSS সহজেই HTML ফাইলে ইন্টিগ্রেট করা যায় এবং এটি অন্যান্য CSS ফ্রেমওয়ার্কের সাথে সংঘাত সৃষ্টি করে না।

Pure.CSS এর কাজের ধাপ

ধাপ ১: Pure.CSS যুক্ত করা

Pure.CSS ব্যবহার করার জন্য প্রথমে HTML ফাইলে Pure.CSS-এর CDN লিংক যোগ করতে হবে অথবা লোকাল ফাইল ব্যবহার করতে হবে।

CDN ব্যবহার:


                                                                    
                                                                    
                                                                
                                                                                                                        
                                                        

Pure.CSS হলো একটি লাইটওয়েট CSS ফ্রেমওয়ার্ক, যা Yahoo! কর্তৃক তৈরি করা হয়েছে। এটি মূলত ওয়েব ডেভেলপারদের জন্য একটি সরল, কার্যকর এবং রেসপনসিভ UI তৈরির জন্য তৈরি করা হয়েছে। Pure.CSS ফ্রেমওয়ার্কটি শুধুমাত্র CSS নিয়ে গঠিত, এতে কোনো জাভাস্ক্রিপ্ট অন্তর্ভুক্ত নেই এবং এটি অত্যন্ত ছোট সাইজের (মোটামুটি ৩-৪ কিলোবাইট), যার ফলে এটি দ্রুত লোড হয় এবং সহজেই ওয়েব পেজে ইন্টিগ্রেট করা যায়।


Pure.CSS: একটি বিস্তারিত বাংলা টিউটোরিয়াল

ভূমিকা

Pure.CSS হলো একটি হালকা ওজনের CSS ফ্রেমওয়ার্ক, যা Yahoo! দ্বারা তৈরি করা হয়েছে। এটি রেসপনসিভ এবং ওয়েব স্ট্যান্ডার্ড-এর উপর ভিত্তি করে তৈরি করা হয়েছে এবং শুধুমাত্র CSS ব্যবহার করে একটি ন্যূনতম ডিজাইন তৈরি করতে সহায়ক। Pure.CSS এমনভাবে ডিজাইন করা হয়েছে, যাতে আপনার ওয়েবসাইটের লোডিং সময় কম হয় এবং CSS কোডের ওভারহেড খুব কম থাকে। এটি গ্রিড সিস্টেম, বাটন, টেবিল, ফর্ম, মেনু ইত্যাদির মতো সাধারণ UI উপাদান সরবরাহ করে।

Pure.CSS মূলত মডুলার এবং প্রতিটি UI উপাদান আলাদাভাবে ব্যবহার করা যায়। আপনি চাইলে শুধু Pure.CSS-এর গ্রিড সিস্টেম বা ফর্ম মডিউল ব্যবহার করতে পারেন, বাকিগুলো ছাড়াও কাজ করতে পারবেন।

Pure.CSS এর বৈশিষ্ট্য

  1. হালকা ওজনের: Pure.CSS খুবই হালকা, পুরো লাইব্রেরির ফাইল সাইজ মাত্র 3.8KB (gzipped), যা ওয়েব পেজের লোডিং টাইম কমিয়ে দেয়।
  2. মডুলার: Pure.CSS মডুলার স্ট্রাকচার অনুসরণ করে, আপনি শুধুমাত্র প্রয়োজনীয় অংশগুলো ব্যবহার করতে পারেন।
  3. রেসপনসিভ ডিজাইন: Pure.CSS রেসপনসিভ গ্রিড সিস্টেম সরবরাহ করে, যা মোবাইল এবং ডেস্কটপ ডিভাইসের জন্য সামঞ্জস্যপূর্ণ।
  4. CSS শুধুমাত্র: Pure.CSS শুধুমাত্র CSS-এর উপর ভিত্তি করে কাজ করে, কোন জাভাস্ক্রিপ্ট প্রয়োজন হয় না।
  5. সহজ ইন্টিগ্রেশন: Pure.CSS সহজেই HTML ফাইলে ইন্টিগ্রেট করা যায় এবং এটি অন্যান্য CSS ফ্রেমওয়ার্কের সাথে সংঘাত সৃষ্টি করে না।

Pure.CSS এর কাজের ধাপ

ধাপ ১: Pure.CSS যুক্ত করা

Pure.CSS ব্যবহার করার জন্য প্রথমে HTML ফাইলে Pure.CSS-এর CDN লিংক যোগ করতে হবে অথবা লোকাল ফাইল ব্যবহার করতে হবে।

CDN ব্যবহার:


                                
Promotion

Are you sure to start over?

Loading...