আমরা আর কি চাই বা সিএসএস করতে চাই? এটা অনেকটা রাতের বেলা বাইরে থাকার মতো যেখানে আপনার থাকা উচিত নয় এবং ট্রেঞ্চকোটে একজন অপরিচিত ব্যক্তি আপনার কানে ফিসফিস করে হেঁটে যাচ্ছে।
“Psst. আপনি কিছু async কিনতে চান @imports? আপনি যে নির্দিষ্টতা চান তা আমার কাছে আছে।”
আপনি জানেন যে আপনার ধারণাটি বিনোদন করা উচিত নয় তবে আপনি যাইহোক এটি করবেন। আপনার সমস্ত বন্ধুরা ক্যাসকেড স্তরগুলি করছে৷ আপনি কি, একটি বর্গক্ষেত্র?
ভাবতে থাকি CSS লিখতে কতটা আশ্চর্যজনক আজ আজ সকালে একটি ইমেল আদান-প্রদান ছিল যেখানে আমি UI-তে নিয়ন্ত্রণের একটি অবিচ্ছিন্ন সেটের জন্য একগুচ্ছ ধারণা নিয়ে আলোচনা করছিলাম যেগুলি অ্যাঙ্কর পজিশনিং, স্ক্রোল টাইমলাইনগুলির মতো নতুন বৈশিষ্ট্যগুলির জন্য না হলে এক বছর আগেও হতবাক হয়ে যেত। স্বয়ংক্রিয় উচ্চতা পরিবর্তন, এবং popovers. আমরা এখনও এই সমস্ত জিনিসের প্রাথমিক দিনগুলিতে আছি – অনেকের মধ্যে, আরও অনেকের মধ্যে – এবং এখনও সমস্ত দুর্দান্ত সম্ভাবনাগুলি বাস্তবায়িত হতে দেখিনি৷ উত্তেজনাপূর্ণ সময়!
ক্রিস একটি CSS ইচ্ছা তালিকা রেখেছেন, 2013 পর্যন্ত ফিরে যাচ্ছে এবং 2019 সালে এটি অনুসরণ করুন. আমাদের সকলের কাছে এমন কিছু আছে যা আমরা CSS করতে দেখতে চাই এবং আমরা যতই স্ফুলিঙ্গ নতুন বৈশিষ্ট্য পাই না কেন আমরা সবসময় তা করব না। আসুন 2013 এর থেকে আবার দেখা যাক:
- ✅ “আমি একটি উপাদান নির্বাচন করতে সক্ষম হতে চাই যে এটিতে অন্য নির্দিষ্ট নির্বাচক রয়েছে কিনা।” হ্যালো,
:has()! - ❌ “আমি এটিতে থাকা বিষয়বস্তুর উপর ভিত্তি করে একটি উপাদান নির্বাচন করতে সক্ষম হতে চাই।”
- ❌ “আমি একাধিক সিউডো-এলিমেন্ট চাই।”
- ✅ “আমি কিছু অ্যানিমেট/ট্রানজিশন করতে সক্ষম হতে চাই
height: auto;“হ্যাঁ, আমরা এটা পেয়েছি! - 🟠 “আমি সাস থেকে জিনিস চাই, যেমন
@extend,@mixinএবং বাসা বাঁধে।” আমরা মিক্সিনের উপর কিছু অগ্রগতি সহ বাসা বাঁধার অংশটি নিচে পেয়েছি। - ❌ “আমি চাই
::nth-letter,::nth-wordইত্যাদি।” - ✅ “আমি চাই সব প্রধান ব্রাউজার স্বয়ংক্রিয়ভাবে আপডেট হোক।” এই এক ইতিমধ্যে পূরণ করা হয়েছে.
সুতরাং, 7-এর মধ্যে প্রায় 3.5 স্কোর। এটি খুব ভাল হতে পারে যে এই জিনিসগুলির মধ্যে কিছু কিছু সময়ে অনুকূলে পড়ে গেছে (প্রথম ইচ্ছা তালিকার পর থেকে একটি নতুন ছদ্ম-উপাদানের জন্য কান্নার শব্দ শুনিনি)। ক্রিস এইভাবে তালিকাটি পুনরায় প্রকাশ করেছেন:
- অভিভাবকদের প্রশ্ন। যেমন, একটি উপাদান নির্বাচন করা যে কোনো উপায়ে, তারপর সেই উপাদানটির অভিভাবক নির্বাচন করা। আমাদের কাছে কিছু প্রমাণ আছে এটা সম্ভব
:focus-within.- ধারক প্রশ্ন. একটি নির্দিষ্ট উপাদান নির্বাচন করুন যখন উপাদান নিজেই নির্দিষ্ট অবস্থার অধীনে থাকে।
- ফর্ম উপাদানের মানসম্মত স্টাইলিং।
- নির্বাচক আছে/ধারণ করে।
- এ ট্রানজিশন
autoমাত্রা- ভিউপোর্ট ইউনিটগুলির হ্যান্ডলিং ঠিক করা হয়েছে।
এবং আমরা মোড়ানো অধীনে যারা বিশাল সংখ্যাগরিষ্ঠ পেয়েছেন! আমরা অভিভাবকদের জিজ্ঞাসা করার উপায় আছে এবং পাত্রে. আমরা অন্বেষণ করছি স্টাইলেবল নির্বাচন করে এবং field-sizing. আমরা সম্পর্কে জানি :has() এবং আমরা এখনও গাগা ওভার যাচ্ছি অন্তর্নিহিত আকারে রূপান্তর. আমরা কি খোলাখুলি মতামত করেছি অনেক বেশি CSS আছে (সেখানে নেই)।
কিন্তু আপনার সিএসএস ইচ্ছা তালিকায় আর কি আছে? পরিহাস যথেষ্ট, অ্যাডাম আর্গিল আজ সকালে এই অনুশীলনের মধ্য দিয়ে গিয়েছিলেন এবং আমি যেভাবে জিনিসগুলিকে ব্যবহারকারী-মুখী উইশলিস্ট এবং ডেভেলপার-মুখী উইশলিস্টে ভেঙে ফেলেছি তা আমি পছন্দ করি। মানে, গীজ, ক CSS ক্যারোজেল? হ্যাঁ, দয়া করে! আমি তার তালিকা পছন্দ করি এবং সমস্ত তালিকা পছন্দ করি।
আমরা জিনিসগুলি রাউন্ড আপ করব এবং একসাথে একটি তালিকা রাখব — তাই আমাদের জানান!
