Chrome 71-এ নতুন

Pete LePage

Chrome 71-এ, আমরা এর জন্য সমর্থন যোগ করেছি:

• আপেক্ষিক সময় প্রদর্শন করা এখন Intl API এর অংশ।
• উল্লম্বভাবে প্রবাহিত পাঠ্যের জন্য পাঠ্যের কোন দিকে আন্ডারলাইনটি প্রদর্শিত হবে তা উল্লেখ করা।
• স্পিচ সংশ্লেষণ API ব্যবহার করার আগে ব্যবহারকারীর সক্রিয়করণের প্রয়োজন।

এবং আরো অনেক আছে!

আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 71-এ ডেভেলপারদের জন্য নতুন কী আছে!

লগ পরিবর্তন করুন

এটি শুধুমাত্র কিছু গুরুত্বপূর্ণ হাইলাইট কভার করে, Chrome 71-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

• Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা
• Chrome 71-এর জন্য ChromeStatus.com আপডেট
• Chrome 71 বর্জন এবং অপসারণ

Intl.RelativeTimeFormat() এর সাথে আপেক্ষিক সময় প্রদর্শন করুন

টুইটার সর্বশেষ পোস্টের জন্য আপেক্ষিক সময় দেখাচ্ছে

অনেক ওয়েব অ্যাপ পূর্ণ তারিখ এবং সময় প্রদর্শনের পরিবর্তে "গতকাল", "দুই দিনের মধ্যে", বা "এক ঘন্টা আগে" এর মত বাক্যাংশ ব্যবহার করে যে কখন কিছু ঘটেছে - বা ঘটতে যাচ্ছে।

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

Chrome 71 Intl.RelativeTimeFormat() প্রবর্তন করে, যা কাজটিকে জাভাস্ক্রিপ্ট ইঞ্জিনে স্থানান্তরিত করে এবং আপেক্ষিক সময়ের স্থানীয় ফর্ম্যাটিং সক্ষম করে। এটি আমাদের একটি ছোট পারফরম্যান্স বুস্ট দেয়, এবং এর মানে হল আমাদের শুধুমাত্র সেই লাইব্রেরিগুলিকে পলিফিল হিসাবে প্রয়োজন যখন একটি ব্রাউজার এখনও নতুন API সমর্থন করে না।

const rtf = new Intl.RelativeTimeFormat('en');

rtf.format(3.14, 'second');
// → 'in 3.14 seconds'

rtf.format(-15, 'minute');
// → '15 minutes ago'

এটি ব্যবহার করা সহজ, একটি নতুন উদাহরণ তৈরি করুন এবং লোকেল নির্দিষ্ট করুন, তারপরে আপেক্ষিক সময়ের সাথে কল বিন্যাস করুন। সম্পূর্ণ বিবরণের জন্য ম্যাথিয়াসের The Intl.RelativeTimeFormat API পোস্টটি দেখুন।

উল্লম্ব পাঠ্যের জন্য আন্ডারলাইন অবস্থান নির্দিষ্ট করা হচ্ছে

অসামঞ্জস্যপূর্ণ আন্ডারলাইন সহ উল্লম্ব পাঠ্য

যখন চীনা বা জাপানি পাঠ্য একটি উল্লম্ব প্রবাহে প্রদর্শিত হয়, ব্রাউজারগুলি যেখানে আন্ডারলাইন স্থাপন করা হয়েছে তার সাথে অসঙ্গতিপূর্ণ, এটি বাম দিকে বা ডানদিকে হতে পারে।

Chrome 71-এ, text-underline-position প্রপার্টি এখন CSS3 টেক্সট ডেকোরেশন স্পেকের অংশ হিসেবে left বা right গ্রহণ করে। CSS3 টেক্সট ডেকোরেশন স্পেক বেশ কিছু নতুন বৈশিষ্ট্য যুক্ত করে যা ব্যবহার করার অনুমতি দেয় কোন ধরনের লাইন ব্যবহার করতে হবে, শৈলী , রঙ এবং অবস্থান ।

.left {
  text-underline-position: left;
}

.right {
  text-underline-position: right;
}

বক্তৃতা সংশ্লেষণ ব্যবহারকারী সক্রিয়করণ প্রয়োজন

আমরা সবাই অবাক হয়েছি যখন আমরা একটি সাইটে আঘাত করি এবং এটি হঠাৎ আমাদের সাথে কথা বলা শুরু করে। অটোপ্লে নীতিগুলি সাইটগুলিকে স্বয়ংক্রিয়ভাবে অডিও বা অডিও সহ ভিডিও ফাইলগুলি চালানো থেকে বাধা দেয়। কিছু সাইট পরিবর্তে স্পিচ সংশ্লেষণ API ব্যবহার করে এটি কাছাকাছি পেতে চেষ্টা করেছে।

ক্রোম 71 থেকে শুরু করে, স্পিচ সিন্থেসিস এপিআই এখন কাজ করার আগে পৃষ্ঠায় কিছু ধরনের ব্যবহারকারী সক্রিয়করণের প্রয়োজন। এটি এটিকে অন্যান্য অটোপ্লে নীতির সাথে সঙ্গতিপূর্ণ করে। ব্যবহারকারী পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার আগে আপনি যদি এটি ব্যবহার করার চেষ্টা করেন তবে এটি একটি ত্রুটি দেখাবে।

const utterance = new window.SpeechSynthesisUtterance('Hello');
utterance.lang = lang || 'en-US';
try {
  window.speechSynthesis.speak(utterance);
} catch (ex) {
  console.log('speechSynthesis not available', ex);
}

দ্রষ্টব্য: আপনার কোড কাজ করে তা নিশ্চিত করতে, আমি আপনার স্পিচ সিন্থেসিস কলকে try / catch ব্লকে মোড়ানোর পরামর্শ দিচ্ছি, তাই পৃষ্ঠাটি সক্রিয় না হলে, এটি আপনার অ্যাপের বাকি অংশকে ভেঙে ফেলবে না।

একটি সাইটে গিয়ে আপনি এবং আপনার চারপাশে বসে থাকা সহকর্মীরা অবাক হওয়ার চেয়ে খারাপ আর কিছুই নেই।

এবং আরো!

এইগুলি বিকাশকারীদের জন্য Chrome 71-এর কয়েকটি পরিবর্তন, অবশ্যই, আরও অনেক কিছু আছে।

• Element.requestFullscreen() পদ্ধতিটি এখন অ্যান্ড্রয়েডে কাস্টমাইজ করা যেতে পারে এবং আপনাকে নেভিগেশন বারটি দৃশ্যমান বনাম সম্পূর্ণ নিমজ্জিত মোডের মধ্যে বেছে নিতে দেয় যেখানে ব্যবহারকারীর অঙ্গভঙ্গি সঞ্চালিত না হওয়া পর্যন্ত কোনও ব্যবহারকারী এজেন্ট নিয়ন্ত্রণ দেখানো হয় না।
• মডিউল স্ক্রিপ্ট অনুরোধের জন্য ডিফল্ট শংসাপত্র মোড , omit থেকে same-origin পরিবর্তিত হয়েছে।
• এবং ক্রোমকে শ্যাডো DOM v1 স্পেকের সাথে ইনলাইনে এনে, Chrome 71 এখন :host() এবং :host-context() ছদ্ম ক্লাসের পাশাপাশি ::slotted() এর আর্গুমেন্টের জন্য নির্দিষ্টতা গণনা করে।

Chrome DevSummit ভিডিও

আপনি যদি ক্রোম ডেভ সামিট-এ পৌঁছাতে না পারেন, বা হয়তো আপনি করেছেন, কিন্তু সমস্ত আলোচনা না দেখেন, আমাদের YouTube চ্যানেলে Chrome ডেভ সামিট 2018 প্লেলিস্টটি দেখুন।

ইভা এবং ফিল পরিষেবা কর্মীদের সাথে দ্রুততর, আরও স্থিতিস্থাপক অ্যাপ তৈরিতে পরিষেবা কর্মীদের ব্যবহার করার জন্য কিছু ঝরঝরে কৌশল নিয়েছিলেন৷

মারিকো এবং জ্যাক কীভাবে তারা কমপ্লেক্স জেএস-হেভি ওয়েব অ্যাপে স্কুশ তৈরি করে , স্লো এড়িয়ে চলার বিষয়ে কথা বলেছেন।

কেটি এবং হোসেইন স্পিড এসেনশিয়ালস-এ আপনার সাইটের পারফরম্যান্স সর্বাধিক করার জন্য কিছু দুর্দান্ত কৌশল কভার করেছেন: দ্রুত ওয়েবসাইটগুলির জন্য মূল কৌশল ।

জেক কেক ফেলে দিল । এবং Chrome DevSummit 2018 প্লেলিস্টে প্রচুর অন্যান্য দুর্দান্ত ভিডিও রয়েছে, তাই সেগুলি পরীক্ষা করে দেখুন৷

সাবস্ক্রাইব

আমাদের ভিডিওগুলির সাথে আপ টু ডেট থাকতে চান, তারপরে আমাদের Chrome বিকাশকারী YouTube চ্যানেলে সদস্যতা নিন , এবং যখনই আমরা একটি নতুন ভিডিও চালু করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং Chrome 72 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব -- Chrome-এ নতুন কি!