← টুলস
ডিজাইন এবং সিএসএস
রং, প্রতিক্রিয়াশীল আকার এবং উৎপাদন-প্রস্তুত CSS তৈরি করুন।
রঙ ও অ্যাক্সেসিবিলিটি
CSS লেআউট ও ইফেক্ট
- বক্স শ্যাডো জেনারেটরস্লাইডার টেনে বক্স-শ্যাডো তৈরি করুন, গভীরতার জন্য একাধিক লেয়ার যোগ করুন এবং সাথে সাথে CSS কপি করুন।
- গ্রেডিয়েন্ট জেনারেটরলিনিয়ার, রেডিয়াল বা কনিক গ্রেডিয়েন্ট তৈরি করুন, কালার স্টপ যোগ করুন এবং দিক সেট করে এক ক্লিকে CSS কপি করুন।
- বর্ডার রেডিয়াস জেনারেটরস্লাইডার দিয়ে প্রতিটি কোণ গোলাকার করুন, উপবৃত্তাকার মোড দিয়ে অর্গানিক ব্লব আকৃতি দিন এবং সাথে সাথে CSS কপি করুন।
- ফ্লেক্সবক্স জেনারেটরভিজ্যুয়াল কন্ট্রোল দিয়ে একটি ফ্লেক্স কন্টেইনার এবং এর আইটেমগুলো সেট আপ করুন, লাইভ লেআউট পরিবর্তন দেখুন এবং এক ক্লিকে CSS কপি করুন।
- CSS গ্রিড জেনারেটরআপনার কলাম এবং রো সেট করুন, আইটেম স্থাপন করতে সেলগুলোর ওপর ড্র্যাগ করুন এবং এক ক্লিকে গ্রিড CSS ও মানানসই HTML কপি করুন।
- CSS কিউবিক বেজিয়ার জেনারেটরএকটি ইজিং কার্ভ তৈরি করতে দুটি হ্যান্ডেল টানুন, একটি বিন্দুর গতিবিধি পর্যবেক্ষণ করুন এবং cubic-bezier() মান কপি করুন।
- CSS clamp() ক্যালকুলেটরছোট এবং বড় স্ক্রিনের জন্য একটি আকার লিখুন এবং একটি ফ্লুইড clamp() মান পান যা মাঝের অংশে মসৃণভাবে স্কেল করে — ফন্ট সাইজ, প্যাডিং, মার্জিন বা গ্যাপের জন্য।
ফন্ট ইন্সপেকশন ও লাইসেন্সিং
স্ক্রিন, প্রিন্ট ও প্রোপোরশন
- পিক্সেল / DPI কনভার্টারযেকোনো DPI/PPI-তে পিক্সেলকে ইঞ্চি, সেমি এবং মিলিমিটারে রূপান্তর করুন — স্ক্রিন ডিজাইন এবং প্রিন্ট উভয় কাজের জন্যই উপযোগী।
- স্ক্রিন PPI ক্যালকুলেটরপিক্সেল ঘনত্ব, ডট পিচ, ফিজিক্যাল পরিমাপ এবং আরও অনেক কিছু পেতে রেজোলিউশন এবং স্ক্রিনের সাইজ লিখুন।
- px থেকে rem এবং em কনভার্টারআপনার নিজস্ব রুট এবং কনটেক্সট ফন্ট সাইজ ব্যবহার করে px, rem এবং em-এর মধ্যে রূপান্তর করুন — যেকোনো একটি ফিল্ড পরিবর্তন করলেই বাকি দুটি সাথে সাথে আপডেট হবে।
এই বিষয়শ্রেণীতে কোন মিলিত সরঞ্জাম নেই.