ফ্রন্ট-এন্ড ডেভেলপার হিসাবে, আমরা বছরের পর বছর ধরে অনেক কিছুর জন্য কামনা করেছি — CSS-এ জিনিসগুলিকে কেন্দ্রীভূত করার উপায়, শৈলী এনক্যাপসুলেট করা, একটি উপাদানের আকৃতির অনুপাত সেট করা, আমাদের রঙের উপর সূক্ষ্ম-দানাযুক্ত নিয়ন্ত্রণ পেতে, এর উপর ভিত্তি করে একটি উপাদান নির্বাচন করুন বাচ্চাদের বৈশিষ্ট্য, নির্দিষ্টতার স্তরগুলি পরিচালনা করে, উপাদানগুলিকে তাদের পিতামাতার প্রস্থের সাথে সাড়া দেওয়ার অনুমতি দেয়… তালিকা চলতে থাকে।
এবং এখন আমরা যা চেয়েছিলাম এবং আরও অনেক কিছু পেয়েছি, আমাদের মধ্যে কেউ কেউ জিজ্ঞাসা করছে — এখন আমাদের আছে কি খুব বেশী সিএসএস?
অন্ধকার সময়
যদি আপনি, আমার মতো, CSS এর শৈশবকালে ওয়েব ডেভেলপমেন্টে এসে থাকেন, তাহলে এর অনেক বেশি থাকার ধারণা হাস্যকর বলে মনে হয়।
আগের দিনগুলিতে, কার্যত একজন ফ্রন্ট-এন্ড ডেভেলপারের পুরো কাজের বিবরণ CSS-এর সীমাবদ্ধতাগুলি নিয়ে কাজ করে। দ্য ক্লিয়ারফিক্স হ্যাক ভাসা পরিষ্কার করতে, 100% প্যাডিং হ্যাক বর্গাকার ডিভ তৈরি করতে, ইন্টারনেট এক্সপ্লোরারকে আপনার বিডিং করতে চালনা করার জন্য অর্ধ-এলোমেলোভাবে সম্পর্কহীন বৈশিষ্ট্যগুলি প্রয়োগ করার কথা উল্লেখ না করা।
সেই সময়ে, ব্রাউজারটি নিছক ধূর্ততা এবং অত্যাশ্চর্য মন্ত্রের মাধ্যমে পরাজিত হওয়ার একটি বিপথগামী শত্রু ছিল। আজ, নিখুঁত সম্পত্তি অপেক্ষা করছে এবং MDN এ শুধু একটি কপি-পেস্ট দূরে রয়েছে৷
CSS এর নতুন যুগ
কিন্তু আজ জিনিসগুলি সম্পূর্ণ আলাদা: জিনিসগুলি কেবল দ্রুত গতিতে চলে না, কিন্তু ব্রাউজার বিক্রেতারাও৷ আসলে যত্ন ডেভেলপারদের খুশি করার বিষয়ে! আমি জানি, আমিও বিশ্বাস করতে পারিনি। কিন্তু আমি বছরে চালাই CSS এর অবস্থা বিকাশকারী সমীক্ষা (যা এখনই খোলা - যাও নিয়ে যাও!) এবং আমি জানি যে ব্রাউজার ডেভেলপমেন্ট দলগুলি তাদের রোডম্যাপ জানাতে সমীক্ষার ফলাফল (অন্যান্য অনেক ডেটা পয়েন্টের মধ্যে) ব্যবহার করে।
এর বাইরে, Google আমার সমীক্ষার কাজে অর্থায়ন করতে সাহায্য করেছে, এমনকি নিয়োগও করেছে লেয়া ভেরু এই বছরের সমীক্ষার প্রশ্নগুলি বেছে নেওয়ার ক্ষেত্রে নেতৃত্ব দিতে।
এটা শুধু গুগল নয়। সাফারি এবং অ্যাপলকে সাধারণভাবে মারধর করা ফ্যাশনেবল হয়ে উঠেছে (কখনও কখনও উপযুক্তভাবে তাই), তবে আপনি অস্বীকার করতে পারবেন না যে কেউ কতটা আবেগী জেনিফার সিমন্স ডেভেলপারদের কথা শোনা এবং ওয়েবকে উন্নত করা।
এবং শুধুমাত্র ব্রাউজার বিক্রেতারা নিজেদের সিএসএস উন্নত করছে না; তারা এমনকি যুদ্ধ লাইন জুড়ে সহযোগিতা করছেন যেমন উদ্যোগের সাথে ইন্টারপ 2023 ব্রাউজারগুলির মধ্যে অসঙ্গতি এবং অসঙ্গতি কমাতে সাহায্য করতে।
খুব ভাল একটা জিনিস?
এই সবের ফলাফল হল যে আমরা এখন CSS সম্পদের বিব্রতকর অবস্থার সম্মুখীন হয়েছি, এবং এটি ধরা কঠিন হতে পারে। সিএসএস গ্রিড প্রায় পাঁচ বছর আগে প্রধান ব্রাউজারগুলিতে সমর্থিত হতে শুরু করে, তবুও আমি প্রতিবার এটি ব্যবহার করার সময় একটি রেফারেন্স পরীক্ষা করি। এবং হিসাবে শান্ত সাবগ্রিড মনে হচ্ছে, আমি এখনও এটি চেষ্টা করে দেখতে পারিনি।
নির্বাচন প্রক্রিয়া চলাকালীন কোন সিএসএস বৈশিষ্ট্যগুলি সিএসএস-এর রাজ্যে অন্তর্ভুক্ত বা না, Lea এবং আমি অনেক বৈশিষ্ট্য বিবেচনা, কিন্তু আমরা বেশ কয়েকটি প্রত্যাখ্যান. আমরা বৈশিষ্ট্য কিছু উদাহরণ না অন্তর্ভুক্ত হল:
- সার্জারির
linear()সহজকরণ ফাংশন, যা আপনাকে আরও গ্রানুলারিটির সাথে সহজ বক্ররেখা সংজ্ঞায়িত করতে দেয়। - সার্জারির
env()ক্রিয়া, যা আপনাকে ব্রাউজার বা ডিভাইস দ্বারা সংজ্ঞায়িত ভেরিয়েবল ব্যবহার করতে দেয়। - সার্জারির
scrollbar-widthসম্পত্তি, যা একটি স্ক্রলবারের চেহারা নিয়ন্ত্রণ করতে সাহায্য করে। - সার্জারির
margin-trimসম্পত্তি, যা আপনাকে একটি কন্টেইনারের বাচ্চাদের মার্জিন কীভাবে আচরণ করবে তা নিয়ন্ত্রণ করতে দেয়।
এগুলি সম্ভাব্যভাবে খুব দরকারী, এবং বিগত বছরগুলির CSS খরার সময় সবগুলিই বড় খবর হয়ে থাকবে৷ কিন্তু আজকের প্রেক্ষাপটে তাদের অনেক বড় ঘোষণা দিয়ে মনোযোগের জন্য লড়াই করতে হবে, যেমন has() নির্বাচক বা CSS নেস্টিং!
উত্তেজিত নয়
সিলভেস্টার বিস্ট্রোভিচ হিসাবে লিখেছেন, তিনি "এই সমস্ত নতুন CSS বৈশিষ্ট্যগুলি নিয়ে এতটা উত্তেজিত নন।" এই টুইটারে একটি প্রতিধ্বনি পাওয়া গেছে, সঙ্গে সারা সুইদান উল্লেখ করেছেন যে তিনি যে বিষয়ে যত্নশীল তা হল "ব্যবহারিকতা, এই মুহূর্তে একটি বৈশিষ্ট্য কতটা চকচকে দেখায় তা নয়।"
এটি একটি নেতিবাচক মনোভাবের মত মনে হতে পারে, কিন্তু আমি মনে করি এটি বোধগম্য। কেউ এত নতুন বৈশিষ্ট্য সঙ্গে রাখা আশা করা যায় না!
আরেকটি অনিচ্ছাকৃত (বা হতে পারে, অভিপ্রেত?) পরিণতি হল যে CSS যত জটিল হবে, ব্রাউজার ইঞ্জিন তৈরি করতে ইচ্ছুক যেকোন নতুন কোম্পানির জন্য এটি তত বেশি বাধা বাড়াবে — সমস্ত রক্ষণাবেক্ষণ এবং নথিভুক্ত করার ক্ষেত্রে অতিরিক্ত কাজের চাপের কিছুই বলার নেই। এই নতুন বৈশিষ্ট্য.
CSS ওভাররিচ
এছাড়াও খুব বৈধ উদ্বেগ রয়েছে যে CSS এমন অঞ্চলগুলিতে শাখা তৈরি করতে পারে যেগুলি পরিচালনা করার জন্য এটি উপযুক্ত নয়। নতুন সিএসএস টগলস পরীক্ষামূলক বাস্তবায়নের প্রতিক্রিয়া করার সময় সারা সুইদান আরেকটি বিষয় উল্লেখ করেছেন (এখানে একটি টিকিট নিয়ে আলোচনা করা হচ্ছে):
অনেকে খুবই যুক্তিসঙ্গত বিষয় তুলে ধরেছেন যে এই ধরনের আচরণ CSS-এর মাধ্যমে বিশুদ্ধভাবে টগল স্টেট পরিচালনা করার পরিবর্তে একটি নতুন HTML উপাদান দ্বারা সর্বোত্তমভাবে পরিচালনা করা হবে এবং অ্যাক্সেসযোগ্যতার সমস্যাগুলি সঠিকভাবে সমাধান করা হয়েছে তা নিশ্চিত করার জন্য CSS সেরা মাধ্যম নাও হতে পারে।
যখন CSS এমন কিছু গ্রহণ করে যা আগে জাভাস্ক্রিপ্টের মাধ্যমে পরিচালনা করা হয়েছিল, তখন এটি সাধারণত একটি ভাল জিনিস হিসাবে দেখা হয়, কারণ এটি প্রায়শই ব্রাউজারকে লোড করার জন্য কোডের পরিমাণ হ্রাস করে। তাই, আমি CSS টগলস সম্পর্কে সতর্কভাবে আশাবাদী এবং বিশ্বাস করি যে CSS ওয়ার্কিং গ্রুপ সম্প্রদায়ের উদ্বেগগুলিকে সঠিকভাবে সমাধান করবে। কিন্তু এমন একটি দিন আসতে পারে যখন আমরা উদ্বিগ্ন হতে শুরু করি যে CSS এর সীমানা ছাড়িয়ে প্রসারিত হতে পারে এবং HTML এবং JavaScript এর দায়িত্বগুলিকে সীমাবদ্ধ করতে পারে।
নতুন প্রত্যাশা
এবং হতে পারে এটিই পরিবর্তন করা দরকার: হয়তো আমাদের সেই প্রত্যাশা বাদ দেওয়া উচিত যা CSS বিকাশকারীদের জানা উচিত সব CSS এর?
এই প্রত্যাশা সেই দিনগুলি থেকে উদ্ভূত হয় যেখানে CSS একটি চিন্তাভাবনা ছিল, সেই সামান্য বিরক্তিকর সিনট্যাক্সটি আপনাকে ক্লায়েন্টের অনুরোধের মতো আপনার বোতামটিকে নীল এবং সাহসী করতে শিখতে হয়েছিল। কিন্তু আমি মনে করি আমাদের মেনে নিতে হবে যে আজকের সিএসএস একজন একক ব্যক্তির পক্ষে আয়ত্ত করার জন্য খুব বিশাল হতে পারে, বিশেষ করে অন্যান্য ফ্রন্ট-এন্ড দায়িত্ব ছাড়াও।
As মিশেল বার্কার ফেলে রাখো:
এবং সেখানেই শেষ পর্যন্ত আমি নিজে, অবতরণ করি। আমি এই সত্যের সাথে আমার শান্তি তৈরি করেছি যে আমি সম্ভবত কখনই ব্যবহার করব না — এমনকি সমস্ত সম্ভাব্য CSS বৈশিষ্ট্য সম্পর্কেও জানব না। এবং এই যে কেউ থেকে আসছে CSS সম্পর্কে একটি সমীক্ষা চালায়!
তবে এই নতুন বৈশিষ্ট্যগুলি অবশ্যই কাজে লাগবে কেউ. কেউ তাদের সম্পর্কে ব্লগ পোস্ট লিখবে, তাদের সাথে দুর্দান্ত CodePens তৈরি করবে, তাদের সম্পর্কে আলোচনা করবে। সেই ব্যক্তি একজন শান্ত, তরুণ, উদ্যমী বিকাশকারী হবেন যার এখনও তাদের সমস্ত চুল রয়েছে। অন্য কথায়, এটি আমার হবে না - এবং এটি ঠিক আছে।
এবং হয়ত আপনি চিন্তিত যে এই নতুন ডেভেলপার তাদের একবারে শিখতে হবে এমন সমস্ত জিনিস দ্বারা অভিভূত হবে। তবে তাদের সব বিষয় মাথায় রাখবেন হবে না সম্পর্কে শিখতে হবে, কারণ এটি এই নতুন বিকল্প দ্বারা প্রতিস্থাপিত হয়েছে। আমি জানি যে আমি যে কোনো সময় এই চুক্তি নিতে হবে.
তবে এটি সম্পর্কে চিন্তা করুন: বিগত কয়েক বছরে, আমরা কেবলমাত্র আমাদের প্রয়োজনীয় ডিভাইসগুলির সংখ্যায় একটি বিশাল বৃদ্ধি দেখেছি তা নয়, আমরা এটিও স্বীকার করতে শুরু করেছি যে আমরা সকলেই কিছুটা ভিন্ন পদ্ধতিতে ওয়েব ব্যবহার করি, তা হোক না কেন প্রতিবন্ধী, বর্তমান প্রেক্ষাপট বা শুধু ব্যক্তিগত পছন্দের জন্য। সিএসএস কি এই নতুন বাস্তবতার সাথে খাপ খাইয়ে নেওয়া উচিত নয়?
এখন, আমাকে স্বীকার করতে হবে যে এই সবকিছু আমাকে কিছুটা নস্টালজিক বোধ করেছে… তাই আমাকে মাফ করবেন যখন আমি কয়েকটি ভাসমান পরিষ্কার করতে যাই, শুধুমাত্র পুরানো সময়ের জন্য।
আমি উল্লেখ করেছি, বার্ষিক CSS সমীক্ষার অবস্থা এখন খোলা আছে। আপনি মনে করেন যে খুব বেশি CSS আছে বা না হোক, সমীক্ষাটি ব্রাউজার ডেভেলপারদের আপনার অনুভূতি জানাতে একটি দুর্দান্ত উপায়, তাই এটি পূরণ করতে যান আপনার যদি 10 মিনিট থাকে।
