কীভাবে DevTools আপনাকে আরও স্মার্ট কনসোল স্বয়ংসম্পূর্ণ করে কম টাইপ করতে সাহায্য করে, কীভাবে স্টাইল প্যানে সরাসরি @keyframe নিয়মগুলি সম্পাদনা করতে হয়, কীভাবে CSS কাস্টম ভেরিয়েবলের সাথে মজা করতে হয় এবং কীভাবে অন্ধকার দিকে যোগ দিতে হয় তা জানুন।
আপনার কনসোলে একটি স্মার্ট স্বয়ংসম্পূর্ণ
আপনি যদি আমার মতো এবং অন্য অনেকের মতো হন, আপনি আপনার অ্যাপ ডিবাগ করার জন্য কনসোলে একটি কমান্ড টাইপ করুন, দেখুন এটি কাজ করছে না, পুনরাবৃত্তি করুন এবং এটি আবার, এবং আবার এবং আবার টাইপ করুন। এটিতে সহায়তা করার জন্য, আমরা এখন আপনার পূর্বে টাইপ করা সম্পূর্ণ বিবৃতিগুলি স্বয়ংসম্পূর্ণ করছি, যেমন:
স্টাইল প্যানে সরাসরি @keyframe নিয়মগুলি সম্পাদনা করুন
আমরা যখন DevTools-এ অ্যানিমেশন ইন্সপেক্টর এবং ইজিং এডিটর প্রবর্তন করি, তখন এটি ট্রানজিশনের মধ্যে সীমাবদ্ধ ছিল কারণ আমরা স্টাইল ফলকে @keyframe ভিত্তিক CSS অ্যানিমেশন দেখাইনি। আমি এটা বলতে পেরে খুশি যে এটি এখন অতীতের একটি জিনিস, তাই বন্য যান! একটি প্রিভিউ জন্য আমাদের ভিডিও টুইট দেখুন.
কাস্টম CSS বৈশিষ্ট্য সমর্থন
CSS-এ অনেক ভালতা আসছে, এবং তার মধ্যে একটি হল কাস্টম ভেরিয়েবল, Chrome 49-এ চালু হচ্ছে। আমরা DevTools-এ সম্পূর্ণ সমর্থন অন্তর্ভুক্ত করার বিষয়টি নিশ্চিত করেছি, তাই আপনি যদি আগে Sass-এ ভেরিয়েবল ব্যবহার করে থাকেন, তাহলে নেটিভগুলিকে চেষ্টা করে দেখুন, কারণ তারা আপনাকে স্টাইল প্যানে ফ্লাইতে বৈশিষ্ট্যগুলি সম্পাদনা করতে দেয় এবং অবিলম্বে নির্ভরশীল উপাদানগুলি আপডেট করতে দেয়।
DevTools-এর জন্য একটি অন্ধকার থিম
আমরা অবশেষে একটি অনুরোধ মেনে নিয়েছি যা আমরা গত কয়েক বছরে কয়েক ডজন বার শুনেছি: আপনি এখন DevTools-এ অন্ধকার দিকটি বেছে নিতে পারেন। DevTools সেটিংসে যান, থিমকে অন্ধকারে সেট করুন এবং উপভোগ করুন। আমি বলব যে এটি এখনও বিটাতে রয়েছে কারণ এটির অনেকগুলি স্বয়ংক্রিয়ভাবে তৈরি হয়, তাই আপনি যদি এমন কোনও ক্ষেত্র দেখতে পান যা উন্নতি দেখতে পারে তবে অবশ্যই আমাদের জানান !
বাকিদের সেরা
- আপনি যখন সম্পূর্ণ কনসোল ট্যাবে ক্লিক করেন তখন কনসোল ড্রয়ারটি এখন স্বয়ংক্রিয়ভাবে ভেঙে পড়ে।
- সোর্সের ফাইল ট্রি নতুন আইকন এবং নতুন গ্রুপিং কার্যকারিতা সহ একটি সুন্দর ওভারহল পেয়েছে
বরাবরের মতো, টুইটার বা নীচের মন্তব্যের মাধ্যমে আপনি কী মনে করেন তা আমাদের জানান এবং crbug.com/new এ বাগ জমা দিন।
আগামী মাস পর্যন্ত!
Paul Bakaus এবং DevTools টিম