ছায়ার প্রশংসায়

প্লেটো দ্বারা প্রকাশিত

অনুসরণকারী: 0

আমাদের প্রিয় বন্ধু রবিনের একটি নতুন রচনা আছে যাকে বলা হয় ছায়ার প্রশংসায়. এখন, সিএসএস বক্স শ্যাডো, টেক্সট শ্যাডো এবং শ্যাডো ফিল্টারে নাগেট খুঁজতে যাওয়ার আগে... এটি হল ওইটা না. এটি ফটোগ্রাফির একটি প্রবন্ধ এবং রবিন একটি ক্যামেরার সাহায্যে ছায়া দেওয়ার বিষয়ে কী শিখেছে।

তাই, কেন এই ভাগ? কারণ এটা চমৎকার যে তিনি একটি প্রবন্ধের জন্য নিবেদিত একটি নিবন্ধ নির্দেশিত পৃষ্ঠা তৈরি করেছেন। এবং আপনি CSS সম্পর্কে অনেক কিছু শিখতে পারবেন যদি আপনি এটিতে DevTools খুলতে পারেন:

কেন্দ্রীকরণ কৌশল। লক্ষ্য করুন কিভাবে CSS গ্রিড ব্যবহার করা হয় <body> সহজভাবে পুস্তিকা কেন্দ্রে. তারপরে রবিন প্রতিটিতে আবার এটির জন্য পৌঁছায় .frame বিষয়বস্তুর সাথে একই জিনিস করতে প্রবন্ধের।
"ভুল" পটভূমি ছবি. রবিন প্রত্যেকের জন্য একটি CSS ক্লাস তৈরি করে নিজের জন্য অনেক কাজ করতে পারত .frame ব্যাকগ্রাউন্ড ইমেজ পেতে. পরিবর্তে, তিনি ব্যবহার করেন object-fit: cover ইনলাইনযুক্ত এইচটিএমএল-এ <img>s ভরাট করার সময় আকৃতির অনুপাত বজায় রাখা .frame ধারক (তিনি আসলে এই সম্পর্কে লিখিত আগে।) এটি নিশ্চিতভাবে প্রচুর CSS'ing সংরক্ষণ করে, তবে এটি তাকে প্রয়োজনে অল্ট টেক্সট ব্যবহার করার অনুমতি দেয়। আমি sorta আশ্চর্য যদি একটি <figure>/<figcaption> এর পরিবর্তে কাঠামো এখানে কাজ করতে পারত কিন্তু আমি সন্দেহ করি যে এটি যা ঘটছে তার জন্য এটি অনেক অতিরিক্ত সুবিধা প্রদান করবে।
স্ট্যাকিং প্রসঙ্গ সেই ভুল ব্যাকগ্রাউন্ড ইমেজ আরেকটি সুবিধা? তারা পরম অবস্থান ব্যবহার করে যা একটি স্ট্যাকিং প্রসঙ্গ তৈরি করে, রবিনকে একটি সেট করতে দেয় z-index: 0 ইমেজ উপর. এই ভাবে, টেক্সট সরাসরি সঙ্গে উপরে স্ট্যাক z-index: 1. আবার, CSS গ্রিড সমস্ত কেন্দ্রীকরণ পরিচালনা করছে যাতে জিনিসগুলি সুন্দরভাবে সারিবদ্ধ হয়।
স্ক্রল স্ন্যাপিং. আমি সর্বদাই ভালবাসা এটা যখন আমি সিএসএস স্ক্রল বন্য মধ্যে snapping দেখতে. রবিন এটিকে এখানে ব্যবহার করার জন্য একটি চমৎকার পছন্দ করেছে, কারণ এটি ফ্রেমের মধ্য দিয়ে স্ক্রোল করার সময় পুরো পৃষ্ঠা-বাঁকানোর অভিজ্ঞতাকে ধার দেয়। অনুভূমিক স্ক্রোলিং উন্মত্ত হতে পারে, তবে এটি অত্যন্ত মার্জিত হতে পারে যখন এটি ভালভাবে কার্যকর করা হয় কারণ এটি কীভাবে সংকীর্ণ-কলামের নকশাকে উন্নত করে। আপনি কিভাবে এটি সব কাজ করে একটি সুন্দর ব্যাখ্যা চান, রবিন এছাড়াও আছে অনুভূমিক স্ক্রল স্ন্যাপিং সম্পর্কে লেখা.