আপনার সাইটের CSS এবং ইউজার ইন্টারফেস ডিজাইন উন্নত করতে Chrome থেকে টুল এবং কৌশল আবিষ্কার করুন। ,আপনার সাইটের CSS এবং ইউজার ইন্টারফেস ডিজাইন উন্নত করতে Chrome থেকে টুল এবং কৌশল আবিষ্কার করুন। ,আপনার সাইটের CSS এবং ইউজার ইন্টারফেস ডিজাইন উন্নত করতে Chrome থেকে টুল এবং কৌশল আবিষ্কার করুন।

আপনার UI বিকাশ দক্ষতা উন্নত করুন, আপনার UI বিকাশ দক্ষতা উন্নত করুন, আপনার UI বিকাশ দক্ষতা উন্নত করুন

অ্যাঙ্কর পজিশনিং API ব্যবহার করে একে অপরের সাথে সম্পর্কিত অবস্থান উপাদান।
ডক পড়ুন
interpolate-size এবং calc-size() সহ অভ্যন্তরীণ সাইজিং কীওয়ার্ডগুলিতে এবং থেকে অ্যানিমেট করুন , interpolate-size এবং calc-size() সহ অন্তর্নিহিত সাইজিং কীওয়ার্ডগুলিতে এবং থেকে অ্যানিমেট করুন
ডক পড়ুন
স্ক্রলবার স্টাইল করতে scrollbar-width এবং scrollbar-color বৈশিষ্ট্য ব্যবহার করুন।
ডক পড়ুন

CSS টেক্সট-র্যাপ ব্যালেন্স

ভারসাম্যপূর্ণ পাঠ্য ব্লকের জন্য হাতে-লেখক লাইন বিরতির একটি ক্লাসিক টাইপোগ্রাফি কৌশল, CSS এ আসে। ,ভারসাম্যপূর্ণ পাঠ্য ব্লকের জন্য হ্যান্ড-লেখনার লাইন বিরতির একটি ক্লাসিক টাইপোগ্রাফি কৌশল, CSS-এ আসে।
ডক পড়ুন

হাই-ডেফিনিশন CSS কালার গাইড, হাই-ডেফিনিশন CSS কালার গাইড

CSS কালার 4 ওয়েবে বিস্তৃত গামুট রঙের সরঞ্জাম এবং ক্ষমতা নিয়ে আসে: আরও রঙ, ম্যানিপুলেশন ফাংশন এবং আরও ভাল গ্রেডিয়েন্ট। ,CSS কালার 4 ওয়েবে বিস্তৃত স্বরগ্রাম রঙের সরঞ্জাম এবং ক্ষমতা নিয়ে আসে: আরও রঙ, ম্যানিপুলেশন ফাংশন এবং আরও ভাল গ্রেডিয়েন্ট।
ডক পড়ুন
CSS টাইপড অবজেক্ট মডেল (টাইপড OM) CSS মানগুলির সাথে কাজ করার জন্য ধরন, পদ্ধতি এবং একটি নমনীয় অবজেক্ট মডেল নিয়ে আসে। ,CSS টাইপড অবজেক্ট মডেল (টাইপড OM) CSS মানগুলির সাথে কাজ করার জন্য ধরন, পদ্ধতি এবং একটি নমনীয় অবজেক্ট মডেল নিয়ে আসে।
ডক পড়ুন
@container নিয়ম ব্যবহার করে একটি অভিভাবক উপাদানের শৈলী মান জিজ্ঞাসা করুন। ,@container নিয়ম ব্যবহার করে একটি অভিভাবক উপাদানের শৈলী মান জিজ্ঞাসা করুন।
ডক পড়ুন
আমাদের প্রিয় CSS প্রিপ্রসেসর বৈশিষ্ট্যগুলির মধ্যে একটি এখন ভাষাতে তৈরি করা হয়েছে: নেস্টিং শৈলীর নিয়ম। ,আমাদের প্রিয় CSS প্রিপ্রসেসর বৈশিষ্ট্যগুলির মধ্যে একটি এখন ভাষাতে তৈরি করা হয়েছে: নেস্টিং শৈলীর নিয়ম।
ডক পড়ুন
কীভাবে স্কোপড শৈলী তৈরি করতে হয় তা শিখুন যা শুধুমাত্র আপনার DOM-এর একটি সাবট্রির মধ্যে উপাদান নির্বাচন করে। ,কীভাবে স্কোপড শৈলী তৈরি করতে হয় তা শিখুন যা শুধুমাত্র আপনার DOM-এর একটি সাবট্রির মধ্যে উপাদান নির্বাচন করে।
ডক পড়ুন

CSS কালার-মিক্স()

সরাসরি আপনার CSS থেকে যেকোনও সমর্থিত রঙের জায়গায় রং মিশ্রিত করুন। ,কোনও সমর্থিত কালার স্পেসে রং মিশ্রিত করুন, সরাসরি আপনার CSS থেকে।
ডক পড়ুন
An+B যুক্তি প্রয়োগ করার আগে চাইল্ড উপাদানগুলির একটি সেট প্রি-ফিল্টার করুন। ,এতে An+B যুক্তি প্রয়োগ করার আগে চাইল্ড উপাদানগুলির একটি সেট প্রি-ফিল্টার করুন।
ডক পড়ুন
একই name একাধিক <details> উপাদান সহ একটি এক্সক্লুসিভ অ্যাকর্ডিয়ন তৈরি করুন।
ডক পড়ুন
জড় সম্পত্তি হল একটি বিশ্বব্যাপী HTML বৈশিষ্ট্য যা সাহায্যকারী প্রযুক্তি থেকে ফোকাস ইভেন্ট এবং ইভেন্টগুলি সহ একটি উপাদানের জন্য ব্যবহারকারীর ইনপুট ইভেন্টগুলিকে কীভাবে সরানো এবং পুনরুদ্ধার করা যায় তা সহজ করে। ,জড় সম্পত্তি হল একটি গ্লোবাল HTML অ্যাট্রিবিউট যা সাহায্যকারী প্রযুক্তি থেকে ফোকাস ইভেন্ট এবং ইভেন্টগুলি সহ কোনও উপাদানের জন্য ব্যবহারকারীর ইনপুট ইভেন্টগুলিকে কীভাবে সরানো এবং পুনরুদ্ধার করা যায় তা সহজ করে।
ডক পড়ুন
অপ্ট-ইন অপ্টিমাইজ করা টেক্সট মোড়ানো, গতির উপর সৌন্দর্যের জন্য।
ডক পড়ুন
আমরা কীভাবে DevTools-এ CSS গ্রিড টুলিং সমর্থন ডিজাইন ও প্রয়োগ করেছি। ,আমরা কিভাবে DevTools-এ CSS গ্রিড টুলিং সমর্থন ডিজাইন ও প্রয়োগ করেছি।
ডক পড়ুন
আমরা কীভাবে DevTools-এ CSS-in-JS সমর্থন করি এবং কীভাবে এটি নিয়মিত CSS থেকে আলাদা। ,আমরা কীভাবে DevTools-এ CSS-in-JS সমর্থন করি এবং এটি নিয়মিত CSS থেকে কীভাবে আলাদা।
ডক পড়ুন

ছায়া DOM

HTML এ সরাসরি Shadow DOM প্রয়োগ ও ব্যবহার করার একটি নতুন উপায়।
ডক্স পড়ুন

লেখক-সংজ্ঞায়িত CSS নাম এবং ছায়া DOM

লেখক-নির্ধারিত নাম এবং ছায়া DOM-এর বর্তমান আন্তঃব্যবহারের স্থিতি।
ডক্স পড়ুন

লেআউট

সাইজিং ইউনিটের মিশ্রণ ব্যবহার করে CSS-এ মাপ নির্দিষ্ট করুন। ,সাইজিং ইউনিটের মিশ্রণ ব্যবহার করে CSS-এ মাপ নির্দিষ্ট করুন।
ডক্স পড়ুন
বার্তা লগ করুন এবং JavaScript চালান।
ডক্স পড়ুন
লুকানো = পাওয়া না যাওয়া পর্যন্ত আবিষ্কার করুন, একটি অ্যাট্রিবিউট মান নিশ্চিত করতে পারে যে অ্যাকর্ডিয়ন বিভাগের মধ্যে সামগ্রী খুঁজে পাওয়া যাবে এবং লিঙ্ক করা যাবে। লুকানো = পাওয়া না যাওয়া পর্যন্ত আবিষ্কার করুন, একটি অ্যাট্রিবিউট মান নিশ্চিত করতে পারে যে অ্যাকর্ডিয়ন বিভাগের মধ্যে থাকা সামগ্রী খুঁজে পাওয়া যাবে এবং লিঙ্ক করা যাবে।
ডক্স পড়ুন

CSS এবং UI কেস স্টাডি

ওয়েব UI ক্ষমতাগুলি ঠিক কী এবং কীভাবে তারা আপনার রূপান্তর ফানেলকে উন্নত করতে পারে? এই বৈশিষ্ট্যগুলি গ্রহণের সুবিধা কী।
কেস স্টাডি পড়ুন, কেস স্টাডি পড়ুন

স্ক্রোল-চালিত অ্যানিমেশন কেস স্টাডি

Policybazaar, redBus, এবং Tokopedia-এর সাথে স্ক্রোল-চালিত অ্যানিমেশনের সুবিধাগুলি আবিষ্কার করুন।
কেস স্টাডি পড়ুন, কেস স্টাডি পড়ুন
redBus, Policybazaar, এবং Tokopedia সবাই ভিউ ট্রানজিশন API ব্যবহার করে এবং আরও ভালো পারফরম্যান্স এবং একটি মসৃণ UI থেকে উপকৃত হয়।
কেস স্টাডি পড়ুন, কেস স্টাডি পড়ুন
Tokopedia তাদের অ্যাপ্লিকেশনে কোডের পরিমাণ কমাতে Popover API ব্যবহার করে।
কেস স্টাডি পড়ুন, কেস স্টাডি পড়ুন

ওয়েবে অ্যানিমেশন

ওয়েব অ্যানিমেশন API জাভাস্ক্রিপ্ট থেকে অপরিহার্য অ্যানিমেশন বর্ণনা করার জন্য শক্তিশালী আদিম প্রদান করে। ,ওয়েব অ্যানিমেশন API জাভাস্ক্রিপ্ট থেকে অপরিহার্য অ্যানিমেশন বর্ণনা করার জন্য শক্তিশালী আদিম প্রদান করে।
ডক পড়ুন
অ্যানিমেশন-কম্পোজিশন প্রপার্টি একাধিক অ্যানিমেশন একই সাথে একই সম্পত্তিকে প্রভাবিত করলে কী ঘটবে তা নিয়ন্ত্রণ করতে দেয়। ,অ্যানিমেশন-কম্পোজিশন প্রপার্টি একাধিক অ্যানিমেশন একই সাথে একই সম্পত্তিকে প্রভাবিত করলে কী ঘটবে তা নিয়ন্ত্রণ করতে দেয়।
ডক পড়ুন

রৈখিক() সহ জটিল অ্যানিমেশন বক্ররেখা

linear() হল একটি CSS ইজিং ফাংশন যা এর পয়েন্টগুলির মধ্যে রৈখিকভাবে ইন্টারপোলেট করে, আপনাকে বাউন্স এবং স্প্রিং ইফেক্ট পুনরায় তৈরি করতে দেয়। ,লিনিয়ার() হল একটি CSS ইজিং ফাংশন যা এর পয়েন্টগুলির মধ্যে রৈখিকভাবে ইন্টারপোলেট করে, আপনাকে বাউন্স এবং স্প্রিং প্রভাবগুলি পুনরায় তৈরি করতে দেয়।
ডক পড়ুন

স্ক্রোল-চালিত অ্যানিমেশন

একটি ঘোষণামূলক উপায়ে স্ক্রোল-চালিত অ্যানিমেশন তৈরি করতে স্ক্রোল টাইমলাইন এবং দেখুন টাইমলাইনগুলির সাথে কাজ করুন৷ ,স্ক্রোল টাইমলাইনগুলির সাথে কাজ করুন এবং একটি ঘোষণামূলক উপায়ে স্ক্রোল-চালিত অ্যানিমেশন তৈরি করতে টাইমলাইন দেখুন৷
ডক পড়ুন
কোর্স
প্রতিক্রিয়াশীল ডিজাইনের ইতিহাস পড়ুন এবং প্রতিক্রিয়াশীল লেআউটের মৌলিক বিষয়গুলি দেখুন। আপনি প্রতিক্রিয়াশীল ছবি, টাইপোগ্রাফি, অ্যাক্সেসযোগ্যতা এবং আরও অনেক কিছু সম্পর্কে শিখবেন।
শেখা শুরু করুন
কোর্স
আপনি বক্স মডেল, ক্যাসকেড এবং নির্দিষ্টতা, ফ্লেক্সবক্স, গ্রিড এবং জেড-ইনডেক্সের মতো CSS মৌলিক বিষয়গুলি শিখবেন। এবং, আপনি আপনার ফ্রন্ট-এন্ড বিকাশকারী দক্ষতাগুলিকে রাউন্ড আউট করার জন্য ফাংশন, যৌক্তিক বৈশিষ্ট্য এবং আরও অনেক কিছু সম্পর্কে শিখবেন।
শেখা শুরু করুন