সিএসএস হ'ল একটি সাধারণ স্টাইলিং ভাষা এবং এতে অরাল মার্কআপের জন্য বৈশিষ্ট্যও রয়েছে । যদিও এর কোনটিই মূলধারার ব্রাউজারগুলির দ্বারা প্রয়োগ করা হয়নি, এটি পাঠকদের স্ক্রিন করার জন্য দরকারী হতে পারে (তবে আমি জানি না যে এটি প্রয়োগ করা হয়েছে কিনা তা বিবেচনা করে, যে বোধগম্য চিহ্নগুলি "বন্যের মধ্যে" সাধারণ নয়)।
আমি একজন দেখা ব্যক্তি হিসাবে, একটি শক্ত প্রতিক্রিয়া লুপে সিএসএস লিখি যেখানে আমি কিছুটা সিএসএস পরিবর্তন করি এবং তারপরে পৃষ্ঠাটি কীভাবে পরিবর্তন হয় তা দেখুন। যদি এই প্রতিক্রিয়া সম্ভব না হয় বা খুব কঠিন হয় তবে আমাদের নকশার নীতিগুলির দিকে ফিরে যেতে হবে এবং আশা করি তারা ঠিকঠাক কাজ করে।
পৃষ্ঠাগুলিকে গ্রিড হিসাবে মনে করিলে অনুপাতগুলি পরিচালনা করা সহজ। একটি সাধারণ বিভাগ হ'ল নেভিগেশন এবং শিরোনামগুলির জন্য শীর্ষ সারি এবং সম্পর্কিত সামগ্রীর জন্য ডান কলাম ব্যবহার করা। বাম কলামটি মূল বিষয়বস্তুর জন্য ব্যবহৃত হয় এবং ডান কলামের মতো প্রায় দুই থেকে তিনগুণ প্রশস্ত হয়। মোটামুটিভাবে স্ট্যাক এক্সচেঞ্জের সাইটগুলি রেন্ডার করা হয়। সিএসএস, এই সঙ্গে বাস্তবায়ন করা যায় display: table
এবং প্রদর্শনের শৈলী এর সাথে সম্পর্কিত table-row
এবং table-cell
, অথবা ঊর্ধ্বতন সংস্করণ flexbox মডেল সঙ্গে। সঠিক অনুপাত আশ্চর্যজনকভাবে গুরুত্বহীন।
অনুভূমিকভাবে কেন্দ্রীভূত হলে কোনও পৃষ্ঠা আরও ভাল দেখায়।
একটিতে বেশি রঙ ব্যবহার করতে হবে না: একটি পটভূমির রঙ (সাধারণত উজ্জ্বল এবং অসম্পৃক্ত কিছু) এবং একটি পাঠ্য রঙ (সাধারণত গা dark় এবং স্যাচুরেটেড কিছু থাকে) থাকে। আমরা পাদটীকা, বাইলাইনস বা অন্যান্য বিবরণের মতো পাঠ্যকে ডি-জোর দেওয়ার পক্ষে উজ্জ্বলতার বিপরীতে হ্রাস করতে পারি। এইচএসভি রঙের মডেলটি ব্যবহার করা এর জন্য আরজিবি থেকে অনেক সহজ হওয়া উচিত। বেশ কয়েকটি রঙিন প্যালেট উপস্থিত রয়েছে যা সাধারণ প্লে ধূসর খুব বিরক্তিকর হলে ব্যবহার করা যায়। রঙ ব্যবহার করা উচিত, তবে স্বল্প পরিমাণে।
হরফ আকারও গুরুত্ব নির্দেশ করতে ব্যবহার করা যেতে পারে - 2pt এর পদক্ষেপ এবং 9pt এর নীচে কখনও বুদ্ধিমান বলে মনে হয় না। সাধারণ পাঠ্যের জন্য, 14pt এর একটি ফন্টের আকার অতিক্রম করা উচিত নয়। একসাথে, ফন্টের আকার এবং পাঠ্যের বিপরীতে বক্তৃতার পরিমাণের সমান।
সিএসএস অফার না শুধুমাত্র মত পরিমাপের পরম ইউনিট px
বা cm
বরং আপেক্ষিক ইউনিট মত em
মত কীওয়ার্ড thin
বা medium
। আপেক্ষিক পরিমাপ এবং এই কীওয়ার্ডগুলি ব্যবহার করা প্রায়শই সহজ।
পাঠ্যের চেয়ে বৃহত্তর হওয়া উচিত নয় 40em
।
ব্রাউজারগুলি ডিফল্ট স্টাইলশিট নিয়ে আসে। এগুলি সুন্দর নয়, তবে আপনাকে সমস্ত কিছু ওভাররাইড করতে হবে না। একটি সাধারণ ওয়েবফন্ট নির্বাচন করা এবং পাঠ্য উপাদানের সর্বাধিক প্রস্থ নির্ধারণ করা দুটি সবচেয়ে গুরুত্বপূর্ণ বিষয়। ডিফল্ট শৈলীর কাজ করার জন্য অর্থপূর্ণ HTML লেখা গুরুত্বপূর্ণ।
এটির সাহায্যে কোনও সাধারণ ব্লগ বা এ জাতীয় স্টাইল করা সম্ভব। যাহোক:
ডিবাগিং কোডটি আরও কঠিন, যদি আপনি না দেখেন তবে কি করছেন। আমি আমার প্রথম চেষ্টাতে জিনিসগুলি পাই না। জিনিসগুলি যখন "সঠিক" দেখায় তবে আপনি কীভাবে জানবেন?
কিছু জিনিসগুলির জন্য উপাদানগুলির যথাযথ স্থানের প্রয়োজন হয়, যেমন একটি পপ-আপ মেনুতে।
চিত্র এবং আইকনগুলি কোনও ডিজাইনে অনেক গভীরতা যুক্ত করতে পারে তবে আপনার চয়ন করা পক্ষে কঠিন difficult
সিএসএস বক্সের মডেলটি ভয়াবহ এবং আপনার মাথায় অনুকরণ করা প্রায়শই শক্ত।
আমি ধরে নেব যে আপনি কিছুটা সিএসএস লিখতে সক্ষম হবেন, তবে এটি অবিশ্বাস্যরকম হতাশার হবে। কোন সহায়ক প্রযুক্তি রয়েছে তা আমি জানি না, তবে আমি ধরে নিই যে স্পর্শকাতর প্রতিক্রিয়া আপনাকে একটি সাধারণ বিন্যাস ডিজাইন করার অনুমতি দেবে। চোখের দৃষ্টি সহ কারও সাথে জুটি-প্রোগ্রামিংটি ছোট বিবরণের জন্য ভাল সমাধান হতে পারে?