CSS এর সাথে AutoGrow Textareas

CSS এর সাথে AutoGrow Textareas


ওয়েব পরিবর্তনের চাহিদা এবং বিকাশকারীরা বিভিন্ন ব্যবহারকারীর অভিজ্ঞতার সাথে পরীক্ষা করার সাথে সাথে আরও স্থানীয় ভাষার উন্নতির প্রয়োজনীয়তা প্রসারিত হয়। আমাদের উপস্থাপনা স্তর, CSS, ক্ষমতার উন্নতিতে অবিশ্বাস্যভাবে ভাল কাজ করেছে, এমনকি কখনও কখনও খুব ধীর হলেও। স্বয়ংক্রিয়ভাবে সম্প্রসারণের জন্য নেটিভ সমর্থনের প্রয়োজন textarea উপাদানগুলি দীর্ঘ পরিচিত ছিল…এবং এটি অবশেষে এখানে!

অনুমতি দিতে textarea উপাদান উল্লম্ব এবং অনুভূমিকভাবে বৃদ্ধি, যোগ করুন field-sizing এর মান সহ সম্পত্তি content:

textarea {
  field-sizing: content; // default is `fixed`
}

এর জন্য ডিফল্ট মান field-sizing হয় fixedবর্তমান আচরণের সংকেত। নতুন আচরণ, contentযতটা সম্ভব প্রসারিত হবে। আকার সীমাবদ্ধ a textarea হত্তয়া, ঐতিহ্যগত ব্যবহার করতে পারেন width/max-width এবং height/max-height বৈশিষ্ট্য

  • প্রতিক্রিয়াশীল এবং অসীম মাপযোগ্য JS অ্যানিমেশন

    2012 সালের শেষের দিকে এটি ব্যবহার করে ওপেন সোর্স প্রকল্পগুলি খুঁজে পাওয়া সহজ ছিল না requestAnimationFrame() – এটি এমন হুক যা জাভাস্ক্রিপ্ট কোডকে ওয়েব ব্রাউজারের নেটিভ পেইন্ট লুপের সাথে সিঙ্ক্রোনাইজ করতে দেয়। এই পদ্ধতি ব্যবহার করে অ্যানিমেশন 60 fps গতিতে চলতে পারে এবং চমত্কার প্রদান করতে পারে…

  • CSS @ supports

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



Source link

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।